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

Mobile First using SCSS, Flex and Grid

John Puckeyā€¢ 510

@ABCwarrior

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


First time submission, any feedback appreciated.

Community feedback

@yirano

Posted

Your code is something that I can really learn from! It's what I tried to do but failed to do.

1

winniefredrickā€¢ 330

@b-l-u-e

Posted

@b-l-u-e your code have tried to learn and figure out what you did but it was very hard to understand..

0

@yirano

Posted

@b-l-u-e, fortunately my code was able to interpret my goal juuuuuust fine. :) I just happen to admire John's stylesheet structure far better than what I attempted. But nice try!

0
P
Matt Studdertā€¢ 13,611

@mattstuddert

Posted

Awesome work on this challenge John and congrats on submitting your first solution! As @yirano has said, your code looks great and the solution matches up to the design really well šŸ‘

The one small tip I'd have for your CSS is to avoid using ID selectors. They can't be reused and are overly specific. This becomes important as your CSS grows for larger projects. I recommend just sticking to class, attribute, pseudo, and type selectors.

Keep up the great work! šŸ™‚

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