Streaming live at 10am (PST)

DIV not responsive


#1

Hi all,
I have a spacing issue from desktop to mobile on my site. In the header I would like to have my description text (UI Designer…), right under my name in large letters next to my picture. This looks fine on desktop, however on mobile it doesn’t format correctly. Anyone have any insight?

https://preview.webflow.com/preview/blog-1-324f36?preview=2931a64aaca3436d85c5da8ad545f4e9

THanks,
Ashley


#2

What do you mean by “correctly”? What is the end-state you’re looking at?

Your Paragraph 7 has a margin-top of 50px on tablet, pushing it lower than it should.


#3

I showed you how to at that :grinning:

Remember don’t add styles to “Individual Elements”. Instead add styles to the parent divs or wrappers. I have the vertical spacing/padding and margin on the “Hero Text - Left”.

You will tweak the Typography and Margin/Padding. To fix spacing between content, use the Line Height on the Typography for text. It will decrease spacing that will keep your responsive proportions.


#4

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