Landing page headers - Header (1)

This is a solution to the Figmaland Headers UI design - Hero(1).

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

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

Screenshot

Links

• Solution URL: https://github.com/asamoahe3/figmalandui-header-a
• Live Site URL: https://stunning-headers-a.netlify.app/

My process

Built with

• HTML
• CSS
• Figma design file
• Wave accessibility tool (Chrome extension)

Author

• Frontend Mentor - @asamoahe3
• Designed By - Belakhdar Raouf