@MojtabaMosavi
Posted
1- I don't know what kind of styles framework you are using but it really makes the markup unreadable, for instance if you are working with something like BEM a look at markup tells alot about how everything is working togather. I recomand you get solid grasp on css before moving on to frameworks.
2- Limit the with of you top-level container so it doesn't grow too big on large screen because the aligment of content gets inconsistent.
3- Transition help to create a more natural changes in a UI, I no expert in motion design but usage of some basic transition would make quite a differece in some sections like the navbar's underline.
4- It also a good practice if you get into habit of using landmark elements like <main>, <header> and <footer> because they standard structure of many pages and you gain some accessibility feature like allowing the user to go directly to main content with scape link. You could do something like:
<body>
<header></header>
<main>
<div class="block"></div>
</main>
</body>
Keep coding :=)
Marked as helpful