Submitted

3-column preview card component solution

#less#sass/scss
P

@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

Report

0

Accessibility Issues

0

HTML Issues

View Report

Hassen Ahmed’s questions for the community

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

Community Feedback

P

@faruking

Posted

This comment was deleted

0


Grace 17,420

@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

P

@faruking

Posted

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

0

Grace 17,420

@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

Give some feedback to @hassanidris about their solution...

Slack logo

Join our Slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!