@ApplePieGiraffe
Posted
Hey, Sourabh Singh! 👋
Good work on this challenge! 👍
I think,
- It would be easier if you created a grid with a single grid area for each block of the page. For example, I think you could recreate the layout of the design with just two rows and four or five columns or so. Just make sure you give each of the columns the correct size and place each (image/text) block in its appropriate grid area.
- The header navigation gets pushed off the screen when the width of the viewport decreases in the mobile layout of the page. Perhaps decrease the space between each navigation link so that they all fit within in the viewport (or better yet, use flexbox to equally distribute the available space).
Keep coding (and happy coding, too)! 😁
@6ixline
Posted
@ApplePieGiraffe Thank you for the suggestion. As I say in my question I haven't used a grid before that why I wasn't really comfortable with it 😩. I will work on that.