This project is a CSS Box Model practice website, created using the guide provided by Codecademy. It demonstrates how to use margin, padding, border, and width/height properties to properly structure and style webpage elements.
- Box Model Styling: Adjusts margin, padding, border, and content spacing.
- Custom Typography: Implements Google Fonts for a modern and clean look.
- Responsive Design: Ensures elements resize properly across different screen sizes.
- Navigation Bar: Styled menu with links to different sections of the website.
index.html
: Contains the structure of the restaurant website.style.css
: Defines the visual styling, including box model properties, layout, and typography.
To view the project:
- Download or clone the repository.
- Open the
index.html
file in a web browser to explore the website.
If you'd like to modify the project:
- Adjust spacing and layout using
margin
,padding
,border
, andwidth
properties instyle.css
. - Modify font styles and colors in
style.css
for a personalized design. - Update
index.html
content to add more menu items or sections.
This project was built using the guide provided by Codecademy. The original project can be found here.