/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

Primary LanguageCSS

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