Design comparison
Solution retrospective
Hello everyone! 👋
In this project, I used semantic elements <header></header>
, <section></section>
as much as possible. On the other hand, I achieved a pleasing result by using the flexbox and grid structure in CSS. 💻
If you liked it, please don't forget to touch the heart icon. 🧡 Additionally, I'm very open to learning, so please comment if there's anything I missed. 📩 Thank you in advance.
Happy coding! ⚡
Community feedback
- @carpediem23Posted 11 months ago
It's looking well. You use semantic elements and grid well too. Congratulations 🤘
Note: On the 480px size, the card snapping to left and right side. You able to adjust that maybe.
Marked as helpful1@yavuzkarakusPosted 11 months agoYes, instructor, ⚡ I just realized that there is distortion in 480px. I will edit it as soon as possible.🚀 Your feedback and teachings are very important to me, thank you. 🙏🏼 @carpediem23
0 - @Zy8712Posted 11 months ago
Your site looks great! The only thing I feel you should add in is
<main>
tags to wrap around you content for accessibility purposes. One thing I think you should change is your choice of header tags. I see that you used<h2>
and<h3>
, but header tags are meant to be used in order starting from<h1>
, so it would be better if you changed the tags used.Marked as helpful1@yavuzkarakusPosted 11 months agoThank you very much for your feedback, Bryan Li. 🙏🏼 I tried to use
section
as much as possible in HTML, it didn't occur to me to section it asmain
. On the other hand, I really didn't know which of the heading elements to start with. Since there are real world examples, I didn't use theh1
element, thinking that there must be aheader
. 🙃 Thank you again. @Zy8712 ⚡0 - @danielmrz-devPosted 11 months ago
Very nice job on this project, @yavuzkarakus.
Semantic HTML and responsible for mobile and desktop screen sizes.
Marked as helpful1
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