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
• Author
• Acknowledgments

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://github.com/Ihssane5/Huddle_landing_page.git]
• Live Site URL: [https://ihssane5.github.io/Huddle_landing_page/]

My process

My process of building this challenge started with making the desktop version looks close to the design model and then i tried to make it responsive in order to meet the challenge criterias.

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

working on this challenge helped me deepen my knowledge using css properties mainly position property I was proud of the html code i wrote since it's well organized and structured. I'm proud of the social media with the circles at the bottom of the page. I think it will be a better way to do it

.footer div {
  height: 35px;
  width: 35px;
  border-radius: 50px;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
}
### Continued development
I want to apply my html and css skills in other challenge and i want to make interactive web pages using javascript



## Author

- Frontend Mentor - [@Ihssane5](https://www.frontendmentor.io/profile/Ihssane5)




## Acknowledgments

I would like to thank the frontend mentor team for their effort and for bringing such a great content, i would also thank every one who made my journey possible by sharing informations and guiding me.