@MojtabaMosavi
Posted
1- Spend some time reading about mobile first workflow which is a great way to approach responsive design in my opinion. It also reduces the amout of styles you need to write for a fully responsive solution.
2- A page like this and many other pages fit perfectly to this structure of new html 5 landmark elements, consider using them more frequently:
<body>
<header> </header>
<main> </main>
<footer> </footer>
</body>
3- There are a alot of subtle issues when to semantic markup, for instance <p> elements being used for header. Writing fully accessible markup is not easy but in most cases similar to this answering a simple question like what is this piece of content ? would help a great deal.
4-I suggest doing you next more project spend a fair amout of time testing what you are developing, for us frontend dev chroms dev tool is of great help.
Keep coding :=)
Marked as helpful