Frontend Mentor - Huddle landing page with single introductory section

Hello Universe! 👋

Frontend Mentor - Huddle landing page with single introductory section solution

This is a solution to the Huddle landing page with single introductory section 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
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

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

Screenshot

Links

Solution URL: https://www.frontendmentor.io/solutions/mobile-first-workflow-css-grid-css-flexbox--lLZKZbuV

• Live Site URL: https://virtuoushands.github.io/huddle-landing-page-with-single-introductory-section-master/

My process

Built with

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

What I learned

I learnt how to cold and build projects in a more structured way and the steps to learning how to make a responsive webpage was a big plus.

Continued development

I look forward to using flexbox , CSS grid to work on different responsive webdesigns as I hope to improve to the point of comfortably adding javascript language to my projects with better understanding.

Useful resources

Mobile App for andriod: HTML & CSS Basics. This can be downloded on playstore: https://play.google.com/store/apps/details?id=com.webref.htmlbasics

Author

• Website - Mariam David-Alozie
• Frontend Mentor - @virtuous
• Twitter - @Mariam David-Alozie

Acknowledgments

I am glad to give credit to : @madegilangaditya](https://www.frontendmentor.io/profile/madegilangaditya) got inspired via his finished project, how he made the webpage responsive and the use of flexbox and CSS grid was uite helpful. THank you too @Matt Studdert for the structured layout- template , design to guide one while building the project I feel so encouraged to keep coding ; this is the one opportunity have been searching for! I appreciate the entire frontEnd mentor team.