[CSS] Double Columns Property

Moy · August 1, 2025, 6:03am

Effect as shown:

Description:

Using grid layout to display the property area in two columns.
The width is adaptive, taking the minimum value between 150% of original size and 80% of window width to avoid overflow.
The “Add Property” button is centered at the bottom, semi-transparent by default, and becomes visible on hover.
If you use full-width styles like .wide, the property area will adaptively switch to 3 or 4 columns (using the @container feature).

Full-width page effect:

(3 columns at 1200px+, 4 columns at 1600px+)