https://github.com/martinxcvi/bookstore-landing-page
The Odin Project: Landing Page project challenge. -- HTML/CSS only!
https://github.com/martinxcvi/bookstore-landing-page
bookstore challenge css landing-page odin-project theodinproject
Last synced: 7 months ago
JSON representation
The Odin Project: Landing Page project challenge. -- HTML/CSS only!
- Host: GitHub
- URL: https://github.com/martinxcvi/bookstore-landing-page
- Owner: MartinXCVI
- Created: 2023-10-20T20:47:27.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-06T02:07:16.000Z (over 1 year ago)
- Last Synced: 2025-01-24T07:13:07.591Z (9 months ago)
- Topics: bookstore, challenge, css, landing-page, odin-project, theodinproject
- Language: CSS
- Homepage: https://martinxcvi.github.io/Bookstore-Landing-Page/
- Size: 2.37 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bookstore Landing Page
## Project Description
A generic bookstore landing page from The Odin Project [Landing Page project challenge](https://www.theodinproject.com/lessons/foundations-landing-page "Title") — Somewhat different in comparison with the proposed goal, and with some personal modifications. Only made with HTML & CSS.
### Project's Main Topics
- CSS styling fundamentals
- Cascade logic and order priorities in CSS development.
- Page structure and styling inspections and understanding through the developer tools.
- A deep look into [the box model](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model "Title").
- Block & inline differences.
- Introduction to flexbox, flex properies, axis, alignments and their proper usage.
### View of the Project
#### Cloning it
1. Copy the command below with the link :
```
git clone https://github.com/MartinXCVI/Bookstore-Landing-Page.git
```
2. Open the index.html file.
3. You can also edit it or visualize it with 'Live Server' on [Visual Studio Code](https://code.visualstudio.com/ "Title").
#### Live Preview on GitHub Pages
- Simply click on the link below:
[Bookstore Landing Page live preview](https://martinxcvi.github.io/Bookstore-Landing-Page/ "Title"){:target="_blank"}