Table of contents

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

Overview

The challenge

Users should be able to:

• View the optimal layout for the interface depending on their device's screen size
• See hover and focus states for all interactive elements on the page

Screenshot

Links

• Solution URL: GitHub
• Live Site URL: Site Solution Netlify

My process

Built with

• Semantic HTML5 markup
• React - JS library
• Chakra UI - For styles

What I learned

Develop a home page with a background and a couple of buttons with your approaches to these elements, scroll states and responsive sizes for different devices, use react and chakra UI.

Continued development

Continue practicing with Chakra UI that offers a variety of pre-designed components to generate optimal web pages.

Author

• Website - Kevin Andrés Bolaños
• Github - KevinBolañosDev