This purpose of this project is to demonstrate the development of a website layout using a variety of techniques.
To view the webpage:
Step 1: Clone this repository locally.
Step 2: Open the cloned repository in your IDE of choice (VSCode recommended).
Step 3: Download the "Live Preview" extension on VSCode or similar extension on your IDE of choice.
Step 4: Open the index.html file and click on the "open preview" button in the upper right corner of the window.
- Flexbox: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
- Grids: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids
- Floats: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats
- Positioning: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning
- Responsive Design: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design