Design comparison
Solution retrospective
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?
Community feedback
- @d3uceYPosted over 1 year ago
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
0 - 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 inaccessibility
and it helpsscreen reader
to navigate with your page in easy wayAnd
H1 tags
also help Google to understand the structure of a page. So if you're using H1s asGoogle 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 youHope that was helpful 😊
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
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