Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four Card Feature using Sass

Marco 185

@devMarco02

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


If you have any suggestions, feel free to comment.

Community feedback

P
tediko 6,530

@tediko

Posted

Hello, Marco! 👋

Well done! I really like what you have done here. You write good semantics in your HTML and also your BEM naming is on point.

  • Since you work with Sass, i recommend you to read about Sass 7-1 pattern to keep your file management orginazed. Maybe not for that small projects, but in bigger one it will be helpful.
  • Your card__img images are decorative so your alt text should be provided empty (alt="") so that they can be ignored by assistive technologies, such as screen readers.

Good luck with that, have fun coding! 💪

1

Marco 185

@devMarco02

Posted

thanks for the tips @tediko

0
P

@MarkoNikolajevic

Posted

Hi Marco

You did a really good job on this challenge. Your solution is responsive and everything looks well.

To make your solution looks more like the design, I would suggest to add a white background color on your cards

Your code is clean and well documented with comments :)

Keep on coding :)

1

Marco 185

@devMarco02

Posted

I added it. thanks @MarkoNikolajevic.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord