Skip to content

fix(pro): ensure images in the content section are responsive - #307

Open
uyo9 wants to merge 1 commit into
TFcis:v2.0from
uyo9:fix/pro
Open

fix(pro): ensure images in the content section are responsive#307
uyo9 wants to merge 1 commit into
TFcis:v2.0from
uyo9:fix/pro

Conversation

@uyo9

@uyo9 uyo9 commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

Fix #270.
Updated from #271.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approval recommended

The change directly addresses the reported layout issue with a low-risk, scoped CSS adjustment.

Pull request overview

This PR addresses layout breakage caused by oversized images rendered in the problem content (“cont.html”) by enforcing responsive image sizing within the #cont content container.

Changes:

  • Add a CSS rule targeting #cont img to constrain image width to the container (max-width: 100%) and preserve aspect ratio (height: auto).
File summaries
File Description
src/static/templ/pro.html Adds CSS to ensure images inside the content section (#cont) don’t overflow and break layout.
Review details
  • Files reviewed: 1/1 changed files
  • Comments generated: 1
  • Review effort level: Lite

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/static/templ/pro.html
Comment on lines +53 to +56
#cont img {
height: auto !important;
max-width: 100% !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

cont.html images can potentially break the layout

2 participants