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 to improve my coding skills by building realistic projects.
Explore the docs »

DEMO

Table of Contents

1. Overview
   • Challenge
   • Solution screenshot
   • Links
   • Built With
2. Getting Started
   • Prerequisites
   • Launch locally
3. License
4. Contact

Overview

(back to top)

Challenge

Users should be able to:

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

(back to top)

Solution screenshot

Links

• Solution URL: https://github.com/sgrazys/3-column-preview-card
• Live Site URL: https://sgrazys.github.io/3-column-preview-card/

Built With

• Flexbox
• Mobile-first workflow

(back to top)

Getting Started

Prerequisites

Node.js - download and install

https://nodejs.org

Git - download and install

https://git-scm.com

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Launch locally

Would like to run this project locally? Open terminal and follow these steps:

1. Clone the repo

   git clone https://github.com/sgrazys/3-column-preview-card.git

2. Install NPM packages

   npm i
   

   or

   npm install
   

3. Run the development server

   npm start
   

4. To see the application open your web browser and visit

   http://localhost:3000
   

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Saulius Grazys

Project Link: https://sgrazys.github.io/3-column-preview-card/

(back to top)