https://github.com/luzefiru/odin-landing-page

A landing page originally based on The Odin Project's guidelines to practice vanilla HTML & CSS flexbox.
https://github.com/luzefiru/odin-landing-page

Last synced: 4 days ago
JSON representation

A landing page originally based on The Odin Project's guidelines to practice vanilla HTML & CSS flexbox.

• Host: GitHub
• URL: https://github.com/luzefiru/odin-landing-page
• Owner: Luzefiru
• License: mit
• Created: 2022-11-29T23:50:36.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-30T05:39:30.000Z (about 2 years ago)
• Last Synced: 2024-11-09T20:12:51.570Z (2 months ago)
• Language: CSS
• Size: 11.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# odin-landing-page

A landing page originally based on The Odin Project's guidelines to practice vanilla HTML & CSS flexbox.

I learned how to create a landing page from start to finish without much handholding. Additional learnings included making rounded borders with `border-radius` and different background properties like `background-image: url(...)`, `background-position`, `background-size: cover`, and how to style buttons.

I should take note to include `box-sizing: border-box`, `padding: 0px`, and `margin: 0px` to all elements in order to have more control during initial site skeleton code layouting.

# Output

### [Visit the Website Here](https://luzefiru.github.io/odin-landing-page/)

# Requirements

These were the requirements in The Odin Project's [Project: Landing Page](https://www.theodinproject.com/lessons/foundations-landing-page) site to initially be followed and to be optionally edited later.



| Page Layout | Fonts & Styles |

| ----------- | -------------- |

|  |  |