Four Card page using HTML and CSS.

Community feedback

• 

  Nasratullah Talash•255

  @nasratt

  Posted over 5 years ago

  great work! just have a look to your website when the resolution is between 1200 - 1215 px, it is a minor problem. your cards have not normal behaviour.

  21
• 

  

  Matt Studdert•13,611

  @mattstuddert

  Posted over 5 years ago

  Nice work, Oka, and congrats on submitting your first solution to the site! Your code looks great. Here are a couple of small pointers on your CSS:

  • Avoid using IDs as CSS selectors. They have high specificity and can't be reused on the page, so they're not good for the purpose of styling. Instead, I'd recommend sticking to class, attribute, pseudo, and type selectors. Using these will help keep your CSS more maintainable.
  • Have you ever tried using min-width media queries instead of max-width? It's quite a common workflow with front-end developers to use them and work mobile-first. It can often lead to less CSS code and has the benefit of loading in fewer styles for mobile users, which can be a nice performance gain.

  I hope this helps. Keep up the great work! 👍

  17