Blog main page

Community feedback

• 

  DesignJunkie•370

  @cristi-20Posted 7 months ago

  Hello and great solution! I have a few suggestions that might improve your code and if you want you can check my solution to see what I am talking about.

  1. Use Semantic Html.
  2. Instead of using absolute units like px, use relative units like rem or em.
  3. Reset all your default styles by using the "*" star selector (you have an example in my css).
  4. Add a transition to make your hover effects smoother.
  5. Instead of centering your div to the page with flexbox which takes 4 properties center it with grid wich takes 2 properties. (Display:grid; Place-items:center;)

  0