My Bike Landing

Landing page for My Bike.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover states for all interactive elements on the page
• Navigate through the website with links in the menu

Screenshot

Links

• Solution URL
• Live Site URL

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• BEM - methodology
• SCSS - CSS preprocessor
• Mobile-first workflow

What I learned

• How to use CSS Grid for the whole page
• How to use SCSS features
• How to use different animations
• How to structure style files

Author

• GitHub - hma-3
• LinkedIn - Mariia Hula
• Telegram - mariia_hula
• E-mail - [email protected]