meet-landing-page

Meet landing page solution

Table of contents

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

Overview

I had trouble with using flexbox, so I used my margin and padding a lot. Had trouble blending the footer and devices screen size.

The challenge

Users should be able to:

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

Screenshot

starter-code/assets/desktop/Screen Shot 2023-10-13 at 10.11.06 PM.png starter-code/assets/desktop/Screen Shot 2023-10-13 at 10.12.11 PM.png

Links

• Solution URL: [https://github.com/trottiemcqueen/meet-landing-page.git]
• Live Site URL: [https://trottiemcqueen.github.io/meet-landing-page/]

My process

• HTML Layout with classes, oberserving the jpeg/sketch
• Adjusted fonts and images
• Added the CSS style

  Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

Continued development

I need to work on flexbox and blending with css img and backgrounds. Understanding more media queries with responsive layouts for different screen sizes.

Author

• Frontend Mentor - @trottiemcqueen