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 with React, Grid, Flexbox and SASS

obasekiosa 120

@obasekiosa

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


CSS FILTERS!!!!! Well, that was something new.

This particular project was relatively easier. I guess once you have the CSS and JS down it all comes to composition.

Oh and a big shout out to @Olli1989 for your comment on the default of the children of a flex container being stretched. That tip helped a lot here.

Community feedback

Mark Wasfy 280

@MarkWasfy00

Posted

wow thats a great one , but i think you forgot to put the font on the buttons too

0

obasekiosa 120

@obasekiosa

Posted

@Markizzo Yea, none of the fonts specified in the styles guide seemed to match the font for the button texts. So I just went with the closest one among the two.

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