Skip to content
This repository has been archived by the owner on Oct 1, 2023. It is now read-only.

This challenge is to build out this 3-column preview card component and get it looking as close to the 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

Notifications You must be signed in to change notification settings

lily4178993/3-column-preview-card-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

3-column-preview-card-component

This challenge is to build out this 3-column preview card component and get it looking as close to the 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

This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help to improve coding skills by building realistic projects.

Table of contents

Overview

Screenshot

desktop-preview mobile-preview

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox

Author

About

This challenge is to build out this 3-column preview card component and get it looking as close to the 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

Topics

Resources

Stars

Watchers

Forks