Design comparison
Solution retrospective
having Question how I can be better in front-end-development and other question is that how to remember the elements like flex, animation format.
Community feedback
- @alan-ssantosPosted about 3 years ago
Hello @Deeparkash 👋, I think that doing these challenges is a good way to practice, and you can also watch one of many free courses (freeCodeCamp, Youtube, Scrimba, and others) to learn more about HTML, CSS, and JS. Here's a roadmap that can help with what to learn.
For this solution, I have some suggestions that can help to fix some issues.
- Changing
<div class="container">
to<main class="container">
, will fix the accessibility issue. - The
<h2 class='title'>
should be<h1 class='title'>
, is a best practice a page have ah1
title. - For the music icon, add
aria-hidden="true”
because it's for decoration only, and remove thesrcset=""
. <h5>Annual Plan</h5>
should be<h2>
or<p>
, headings should not be skipped, such as fromh2
toh5
, here you can read more about it.- Lastly, try to send your solutions to GitHub, as the FrontEnd Mentor guide suggest. If you can't do that, you'll need to store the images in other places, like in Imgur. Also on submitting you could use the "Full Page View" of CodePen on the Live Preview URL to make the screenshots better.
I hope this was helpful and keep doing the challenges. 😉😊
1 - Changing
- @FancybearINPosted about 3 years ago
thank for guiding me. I will improve the my mistake and also learn about the github new it. CAN YOU HELP HOW MAKE FRONT-END SETUP IN VSCODE.
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