Frontend Practice - Abstract

This is a solution to the Abstract challenge on Frontend Practice.

Table of contents

• The challenge
  • Links
  • Built with
  • What I learned
• Useful resources
• Author

The challenge

Consists in improve abilities as a frontEnd developer:

• 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

Links

• Live Site URL: Help.abstract
• Live Site Design by me - Help.abstract.dev
• Website design by me - Github

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

What I learned

i learned how to create a page from nothing, and also add resize in different devices.

Useful resources

• Icons - This helped me with all the icons.
• Images - This bring different test images.
• Real page - This help me as a real mockup of the web page.

Author

• Juan Pablo Betancur Martínez - GitHub