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

3-column preview card component solution

#less#sass/scss
Hassen Ahmed• 160

@hassanidris

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm appreciating a feedback which take me one step up in this field.

Community feedback

P
Grace• 27,630

@grace-snow

Posted

I think this solution looks great (viewing on mobile)

Only small suggestions really

  • make sure content doesn’t hit the top of the screen on mobile
  • on your next one, work mobile first. Code is usually shorter and is more performant that way
  • class names can be whatever you like, but it looks like you’re sort of attempting BEM naming on this? If so, it’s not quite right as it would be Block__Element Block__Element—modifier. Read a bit more about it if that’s what you’re trying to do

All good stuff on this though, well done

Marked as helpful

0

@faruking

Posted

This comment was deleted

0

P
Grace• 27,630

@grace-snow

Posted

@faruking your solution doesn’t look like the challenge on mobile and isn’t readable the text is so small. Try to get it closer if you can

0

@faruking

Posted

@grace-snow thanks for the feedback. What do you think is the best way for previewing web pages?.

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