Frontend Mentor | Four card feature section solution

This is a solution to the four card feature section coding challenge on Frontend Mentor.
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

(back to top)

Solution screenshot

Links

• Solution URL: https://github.com/sgrazys/four-card-feature-section
• Live Site URL: https://sgrazys.github.io/product-preview-card-component/

Built With

• Flexbox
• Grid
• 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/four-card-feature-section.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

Frontend Mentor - @sgrazys

Project Link: https://sgrazys.github.io/four-card-feature-section/

(back to top)