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

Responsive landing page using grid/flexbox. Completed in React

@Lekeadeloye

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 used this challenge to build upon my existing knowledge of HTML5, CSS, JavaScript, and React especially. I took it as an opportunity to get some practice with using props to pass information between components. I also learnt how to render SVG's in React as a component. I also learnt how to use the .map() function to render multiple components to save from repeating code.

Community feedback

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