Hi everyone! I’m hoping to get some feedback on my landing page. Just note that I created it using Sublime Text and didn’t follow the the id name rules (I prefer classes and will change them to the proper id names later). I’m more concerned with the layout and responsiveness. Any feedback is much appreciated!
I do have a question though. Can someone enlighten me on how on the FCC landing page example they got the icons next to “premium materials, fast shipping, quality materials” so cleanly in straight columns like that? I couldn’t figure it out so I just ended up floating my icons to the left.
If you are not concerned about the certificate, you may use classes ( The best way ) for styling or you can use id’s as mentioned by the test and style differently using classNames, you are not at all restricted to style differently unless it doesn’t fulfill the test cases.
Your code looks good make sure you optimize well in mobile screens, the text content like headers and paragraphs can be given full width in smaller screens with some padding or margin to the left and right, it will make it look better.
They have wrapped the icon with a div, content with a div, and then applied flexbox properties to the parent container that holds the two div’s. You can see that by using dev tools ( Press F12 or right click on the page and select Inspect Element.