Submitted about 1 year ago

Three Column Preview | React | CSS | Flex and Grid

Nikhil Tanwar• 260

@NikNT

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey everyone!

This was a nice challenge to perform.

Firstly, I planned to use plain HTML and CSS but I observed that the layout of 3-cards is highly similar. To avoid any repetition of code, I leveraged React. I created a JSON and stored the repeating values.

I, then, created the card template and used map to fetch and display all the values.

Please, let me know what I can improve in the code or overall output!

Community feedback

Please log in to post a comment

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