The Odin Project - Homepage Portfolio Landing Page

This is a solution to the Capstone project for the Advanced HTML and CSS Course of The Odin Project.

The challenge

• Building the project to be close to the design as much as possible.

• This is a good project to practise CSS stacking context.

Links

• Check out the websitehere

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• CSS Stacking context
• Mobile-first workflow
• BEM Methodology

What I learned

• Proper image sizing and control.
• How to combine Flexbox and Grid to achieve responsive layouts.
• More practise on CSS stacking context

Author

• Divine Ugorji
• Twitter - @DivineUgorji

Acknowledgments

The Odin Project