Skip to content

Latest commit

 

History

History
73 lines (36 loc) · 1.59 KB

README.md

File metadata and controls

73 lines (36 loc) · 1.59 KB

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

The Challenge

To build the 3-column preview card component and get it looking as close to the original design as possible.

Users should be able to:

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

Screenshot

375px Solution 1440px Solution HTML Code CSS Code CSS Code Media Queries Code

Links

My Process

Built with

  • HTML5 Semantic markup
  • Flexbox
  • Mobile-first workflow

Continued development

  • Responsive Layout
  • FlexBox

Author