Four card feature section [HTML & SASS]

Community feedback

• 

  P

  Rahexx•920

  @RahexxPosted 5 months ago

  Good job on this challenge! I agree that the result looks nice and is close to the original design. Although it’s a slightly smaller version, with more practice, I'm confident your skills will improve, and your applications will get even closer to the design specifications.

  Here are a few tips that might be useful:

  1. Consider using the BEM methodology for naming classes. Names like "L1" or "L2" don’t convey much meaning, so using BEM can make your classes more descriptive and maintainable. (BEM 101)[https://css-tricks.com/bem-101/]
  2. Limit the use of h1 tags to one per page. An h1 represents the main title of the page, so avoid using multiple h1 tags. Instead, use smaller headings like h2 or h3 where needed.
  3. Remember to use descriptive alt attributes for accessibility. For instance, "Supervisor_Icon" doesn’t provide much information to visually impaired users. Instead, a description like "magnifying glass with an eye inside" would be more helpful.
  4. Consider using semantic HTML tags such as section instead of a div for a card. This can improve the semantic structure of your page.
  5. Great job using @mixins! To take this further, try reading about responsive design breakpoints. By setting multiple breakpoints and adapting styles progressively, you’ll achieve a layout that’s even closer to the design on all screen sizes. Overall, great job!

  Marked as helpful

  0