olisa187/huddle-landing-page-with-curved-sections

Frontend Mentor - huddle landing page with curved sections solution

Frontend Mentor - Huddle landing page with curved sections solution

This is a solution to the Huddle landing page with curved sections challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

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

Overview

The challenge

Users should be able to:

• Built out the project for both mobile and desktop screen sizes of 1440px and 375px
• Users can see hover states for all interactive elements on the page.

Screenshot

Links

• Solution URL: Github
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• JavaScript (ES6)

What I learned

During this project build up I did try different styling that I have not tried before and they include the use of the ::before pseudo-element. Finally JavaScript was used to validate email input by user indicating an error message when a wrong email address is inputted by the user.

Continued development

Still working on the use of Block Element Modifiers method for my naming convention during my web page build up.

Author

• Frontend Mentor - @olisa187
• Twitter - @olisa187

Acknowledgments

Frontend Mentor : thanks for providing web designs that one can use to enhance and grow his or her web development skills.