Skip to content

Move property header to sidebar with adjusted column widths#93

Merged
ewebtechsuk merged 2 commits intomainfrom
codex/update-column-widths-for-layout
Sep 9, 2025
Merged

Move property header to sidebar with adjusted column widths#93
ewebtechsuk merged 2 commits intomainfrom
codex/update-column-widths-for-layout

Conversation

@ewebtechsuk
Copy link
Copy Markdown
Owner

Summary

  • Shift property header into a dedicated right sidebar with mt-4
  • Define responsive left and right column widths (60% and 30%) for property details layout

Testing

  • npm test

https://chatgpt.com/codex/tasks/task_e_68bf7cd41bbc832e8fbd032f25c8c272

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

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

Codex Review: Here are some suggestions.

Reply with @codex fix comments to fix any unresolved comments.

About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you open a pull request for review, mark a draft as ready, or comment "@codex review". If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex fix this CI failure" or "@codex address that feedback".

Comment on lines 294 to +301
} ?>
</div>

<div class="col-12 col-lg-4 right-column">
<div class="property-header mt-4">
<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2">
<div>
<h1 class="property-title mb-1"><?=htmlspecialchars($details->displayAddress)?></h1>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

[P1] Preserve property header above main content on small screens

The commit removes the full‑width header that previously preceded the details row and leaves the only remaining header inside the right sidebar (col-12 col-lg-4 right-column). Because the left column is rendered first in the DOM and the new CSS only applies widths for min-width: 992px, on viewports below 992 px the columns stack and the header (title, price, CTAs) now appears after the photo gallery, features and description. This regresses the mobile layout by pushing the most important information and actions to the bottom of the page. Consider keeping a top header for small screens or reordering the columns with Bootstrap’s order utilities so the header remains first when stacked.

Useful? React with 👍 / 👎.

@ewebtechsuk ewebtechsuk merged commit 6fd332f into main Sep 9, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant