This is a solution to the four card feature section coding challenge on Frontend Mentor.
Explore the docs »
DEMO
Table of Contents
Users should be able to:
- View the optimal layout depending on their device's screen size
- Solution URL: https://github.com/sgrazys/four-card-feature-section
- Live Site URL: https://sgrazys.github.io/product-preview-card-component/
- Flexbox
- Grid
- Mobile-first workflow
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
Would like to run this project locally? Open terminal and follow these steps:
- Clone the repo
git clone https://github.com/sgrazys/four-card-feature-section.git
- Install NPM packages
or
npm i
npm install
- Run the development server
npm start
- To see the application open your web browser and visit
http://localhost:3000
Distributed under the MIT License. See LICENSE.txt
for more information.
Saulius Grazys
Frontend Mentor - @sgrazys
Project Link: https://sgrazys.github.io/four-card-feature-section/