Common problem for newbies I know, but I’ve tried everything I can think of and spent a while looking through the forum to no avail.
Would love someone to point me in the right direction.
Thanks!
Read Only - LINK
You’ve used min-width: 400px for Container 25 so on smaller screens that section size still remains on 400px even though your child elements are smaller.
Please check the screenshot.
By the way, you don’t have to use min-width in most of the cases. To have more flexibility you keep width: 100% and the apply max-width: 400px this way your block will remain 400px while your screen width allows it, if not will be 100% that means it won’t go beyond the browser screen. And you don’t have to have width for all the child elements, if you want to add space just add padding, by default block elements will be 100% width of it’s parent.
Thank you! Appreciate your time!
1 Like