Submitted 30 days ago

Responsive meeting landing page

#sass/scss#vite#progressive-enhancement

elCris99•170

@elCris99

Preview site View code

This is a solution for...Meet landing page

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

It s been a while since I worked on wabe-page, so the proccess for this "project" was very messy. Next time, I'll try to come up with a better starting plan, before starting to code

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

Media queries, with different font sizes and spacing, forced me to break different "rules" I had in my system design. Breaking the "rules" made me understand the importance of being flexible and adapt my design system.

What specific areas of your project would you like help with?

I think I overcomplicated the hero section, the one with the text in the middle and images on both sides, Im sure there were better ways to manage things, without using position absolute

Community feedback

P
Michel Vieira•250
@micheldrvPosted 14 days ago
Looks good. Good work.

My only gripe is with the mobile layout, the images in the first section seem too large in a single column. I believe they look better while remaining in a 2 by 2 grid, as per the design. Or, perhaps, maybe it should only display a single image so the user doesn't have to scroll a lot to get to the next heading.

Also, I think your repository could do with some cleanup as it seems there are some unused asset files.
0

Please log in to post a comment

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