The rubric of this project is to demonstrate positioning of HTML elements using CSS3 flexbox, css3 grid and floats. An article from The New York Times website is the model for this project. The specification for this project is a part of The Odin Project.
Contents |
---|
Live Demo |
App Screenshot |
Built With |
Getting Started |
Testing |
Authors |
License |
- HTML
- CSS
-
- Copy the git link
https://github.com/rloterh/NYTPageClone.git
of this project
- Copy the git link
-
- In your terminal run the command
git clone https://github.com/rloterh/NYTPageClone.git
- In your terminal run the command
-
- Navigate to the cloned project directory
-
- Within the project root directory launch
index.html
in a web browser
- Within the project root directory launch
This project was tested using W3C Validator and Stylelint
-
- Upload the file named
index.html
from the project directory
- Upload the file named
-
- Click on the check button to validate
-
- All test cases should pass, when no error message is shown
-
- Run the command
npm -v
to ensure node package manager is installed
- Run the command
-
- Go to npmjs.com to install node package manager, if not installed
-
- Go to the terminal, and navigate to project directory
-
- Run the command
npm install
- Run the command
-
- Validate the css syntax and code standard by running the command
npx stylelint "**/*.{css,scss}"
- Validate the css syntax and code standard by running the command
-
- All test cases passes, when no error message is shown in the terminal
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!