Design comparison
Solution retrospective
What I have learned:
I learned Resolution Switching: A given Image in a mobile First Approach switches to another source on another resolution.
My questions to the community:
Is the semantic HTML I have used correct?
There is still a DIV in my Code. What can I use instead of this DIV in the context of semantic HTML?
I have used only Flexbox. Is Grid a better approach? And how should I have used it?
I am very happy about any advice!
Best regards Thomas
Community feedback
- @mukwende2000Posted over 1 year ago
The code is fine, the div is perfectly fine there, sematic html doesn't mean you get rid of divs, infact it is better to use a div if you not sure than to use a wrong tag, just like it is better to say 'i don't know' to someone asking for directions than giving them wrong ones. And using grid here would be just more code, it is meant for more complex layouts.
Marked as helpful1@thomaserdmengerPosted over 1 year ago@mukwende2000 Thank you so much for your praise and advice.
0 - @Khalid-debuggPosted over 1 year ago
Firstly, congrats on your stunning solution. The only advice that I would give is that you must have a <main> tag on any page you make, I heard a couple of geeks saying that for screen readers and accessibility reasons.
Marked as helpful1@thomaserdmengerPosted over 1 year ago@Khalid-debugg Thank you so much for your praise and advice. I have updated my code!
1
Please log in to post a comment
Log in with GitHub
Join 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