I don't know why but my solution is showing up different here. This has happened for the third time. Can someone explain why this is happening?
@d3uceY
Posted
what you did wrong here was that in the media query you gave the bottom section flex direction column without changing the boxes from 50% to 100% and i advice you to use the flex grow property on the children eg. 'flex: 1'. you can check my profile for the solution. i also linked my github repository
Account Deleted
Hello Ammar Imran 😊
Your solution is great✨ and congratulations for successfully completing a newbie challenge🎉
and there is a small suggestion that might be helpful for you
<h1> tag : It is mandatory to use a <h1> tag in your solution because <h1> tag is most important aspect in accessibility and it helps screen reader to navigate with your page in easy way
And H1 tags also help Google to understand the structure of a page. So if you're using H1s as Google recommends for your page title or content heading, your H1 is effectively telling Google “here's what my page is about.
You also can take a look of my solution that will be definitely going to help you
Hope that was helpful 😊
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
