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.
I strongly suggest you to try this fun game that will make sure you won’t have to ask for help with flex again
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