Streaming live at 10am (PST)

Images not equal - same class


#1

All the classes within the flex and div blocks are the same but all the icons on the left are higher than the right. Could someone please assist! Thank you.

Here’s an example:

Here’s my link: https://preview.webflow.com/preview/ballot-90a1eb?preview=179c734850f03f11859d35098f91213e


#2

This is why https://cl.ly/0r0O2U0Y2f3y. Your two line descriptions are pushing your content up.

Change the parameter to this https://cl.ly/3n0m1s2K420I and it will align the tops of the elements


#3

Thanks!! That helped. I’m still struggling with the bottom row. Are you able to assist me with that one?


#4

Well, yeah :slight_smile:

I strongly suggest you to try this fun game that will make sure you won’t have to ask for help with flex again :wink:

What you need to do is divide your “upper” and “lower” content into two divs. Then use justify: space between option on their parent https://cl.ly/073K3D2c1n1v to make sure that two blocks will always stay at the top and bottom no matter what kind of content is inside. Don’t forget to style the new block where you put your content to be 100 percent width and align your text in the middle. The second step is to set up the block’s parent element to stretch its content https://cl.ly/1v340A3d2p18. This will make your content look like this https://cl.ly/1T203m3W1y2j


#5

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