Skip to content
Submitted about 1 month ago

Project made with flexbox & media.

#sass/scss
Tomek Wojak•290
@TomekWojak
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

Positioning of elements on the website was a little bit challenging, but I did my best. I will improve some things in the future

Community feedback

  • P
    Steven•160
    @stevensunaPosted 23 days ago

    You're on the right track using Flexbox! To improve positioning further:

    • Master Flexbox: Explore justify-content, understand align-content vs. align-items for multi-line layouts.
    • Learn position Property: Understand relative, absolute, fixed, sticky, and when to use each (vs. default static).
    • Use Margins & Padding Wisely: Choose between them to control spacing effectively.
    • Consider CSS Grid: For complex, two-dimensional layouts, Grid can be very powerful.

    To practice:

    • Do layout challenges.
    • Experiment with position values in small code examples.
    • Use browser dev tools to visualize layouts.
    • Refer to MDN documentation.

    Keep practicing – positioning skills improve over time! You've got a good foundation.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord