Getlinked pre Hackathon - getlinked UI website design solution

This is a solution to the [getlinked UI website design challenge on Getlinked pre Hackathon].

Table of contents

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

Overview

The challenge

The task is to build a responsive website UI for getlinked using the figma design provided.

Users should be able to:

• Register their teams for the Hackathon
• See a registration successful pop upon registration completion

Screenshot

Links

• Solution URL: Github repository
• Live Site URL: Netlify

My process

• Studied figma design to get an understanding of website interface, layout, font-size, headings, color and overall design scope.
• Began working on page html structure section by and section and applying css styles to the section before moving on to the next section.

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid

What I learned

Continued development

Author

• Website - Usman Awwal
• Frontend Mentor - @USII-004
• Twitter - @usman_smooth

Acknowledgments