Skip to content

This is a solution to the 3-column preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Notifications You must be signed in to change notification settings

saurabh1996-rex/3-column-preview-card-component

Repository files navigation

Frontend Mentor - 3-column preview card component solution

This is a solution to the 3-column preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • View the optimal layout depending on their device's screen size
  • See hover states for interactive elements

Screenshot

Desktop

Screen desktop

Mobile

Screen Mobile

Links

My process

Built with

What I learned

I was able to use React JS for an independant project and make it look as close to the design as possible. I'm completely aware that this isn't the capability of React JS , however; I'll be improving my skills throughout.

Continued development

I'll be continuing my journey using React JS and improving on the skills I'll also try building more complex landing pages using React making use of its properties.

Useful resources

  • React JS Docs - This helped me for starting out with React JS and also this helped me a lot in understanding more about the deploying techinques.

Author

Acknowledgments

Always thankful to Frontendmentor.io as they've provided all the necessary files so that it was easier to work with the project. Also special metion to the one who have designed this project, Great Work!

About

This is a solution to the 3-column preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages