@waltersono
Posted
Hi there DIICA99
Nice work! The design looks good on almost all screens. You definitely have a chance to be an awesome developer
I am going to give many tips you need for this and your next projects, here we go:
HTML
Use Semantic HTML
- Using the correct tags to structure your page helps the Web, browsers, search engines, users to understand, categorize, list your website
- Put the heading section inside a
<header>
tag
Code for web accessibility
- Help screenreaders navigate your page easily
- Remove the empty labels and insert an
aria-label
attribute inside the<input>
- Provide an
alt
text for each image
CSS
Use low specificity
- Try as much as possible to keep to target your elements with class (
.heading
) instead of targeting them by structure or tag name (input
,section form input
)- If you target by structure, then you will have to change the CSS every time you change your HTML code
- If you target by tags, then you will run into problems when you want to apply different styles to the same HTML input
JavaScript
- Use strict mode to enforce some good practices
- Call the javascript file on the top inside the
<head>
with defer attribute, instead of calling it at the bottom for performace
There you go my fellow mentor.
Hope this is helpful to you.
See you next time, feel free to go and checkout my work as well.
Marked as helpful