Skip to content

This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.

Notifications You must be signed in to change notification settings

mendezpvi/fm-3-column-preview-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - 3-column preview card component solution

3 Column preview card

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

🔳 The challenge

🔳 Screenshot

🔳 Links

🔳 Built with

🔳 Author

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 📷

Mobile

Desktop

Links 🔗

Live Site URL 👀

Solution in Frontend Mentor 👀

Challenges overcome 👀

Built with ⚒️

✅ Semantic HTML5 markup

✅ CSS custom properties

✅ Flexbox

✅ CSS Grid

✅ Mobile-first workflow

Author 🔰

✨ Frontend Mentor - @mendezpvi

About

This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.

Topics

Resources

Stars

Watchers

Forks