Dynamically re-sizing a div container with text and other content?

HTML & CSS
, ,
1

Hello. I’m creating this website: LINK

The only problem is that the pictures for the content in Some Nuts, Some Bolts is too big for a smaller screen. (I created the website on a 1920 x 1080 monitor. Testing it on a 1280 x 800 or smaller causes it to mess up, and the container floats of the middle part.

I’d like the container under Some Nuts, Some Bolts to be dynamically re-sized. Any thoughts on how to do this? Thanks.

2

The class .point-of-reference has a fixed width of 600px. Change that to max-width instead.

3

:open_mouth: I… I can’t believe it was that simple! Thanks so much! :smiley:

EDIT: This works great for the container, but is there also a way to re-size the TEXT inside as well? (If you view the screen on an iphone or make the web browser window really small, when you hover over an icon, the text is pretty large, and it doesn’t fit.

Thoughts?

Thanks again for your response. C:

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.