The article discusses optimizing a website layout by scaling the background image for better visibility within a set minimum height container. Recommendations include increasing the container's min-height to 750px to accommodate the image and ensure smooth scrolling to additional content sections. Suggestions are made for structuring page elements so that the header and figure-text panel fit well on different screen sizes, ensuring the design maintains functionality and aesthetic appeal while considering future content layouts.
"If your criteria is that you want the header and that figure-text panel only to take up the whole screen height, then that would need to be in a wrapper of its own."
"It's all about planning ahead and it may be that on your other pages you don't have the figure text div to content with..."
Collection
[
|
...
]