Skip to content

ManuelMadeira98/fm-column-preview-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - 3-column preview card component

Design preview for the 3-column preview card component coding challenge

Welcome! 👋

Thanks for checking out this front-end coding challenge.

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.

The challenge

The challenge is to build out this 3-column preview card component and get it looking as close to the design as possible.

The users should be able to:

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

ColumnPreviewCard

This project was generated with Angular CLI version 12.1.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.