Submitted 15 days ago

Meet Landing Page (Desktop First Responsive Approach)

AKdeBerg• 160

@AKdeBerg

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Meet landing page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I guess everything!. I learned how to write media queries with mobile first approach and desktop approach.

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

It was super challenging for me to make it responsive! I learned few things hard way- Making images responsive is also a bit tricky and large padding can also break design in smaller resolution.

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

Any feedback on this challenge is greatly appreciated.

Community feedback

Mohd Sadaf• 460

@MsadafK

Posted 12 days ago

i just checked your project. it looks great to me. there are some points which i like to highlight here:

at mobile screen sizes, the footer image, i think you just put the desktop version image here rather than mobile size image.
always try to use max-width whenever needed or possible because when you go over 1440px screen size, your projects starts to look not very appealing.

hope you find this feedback helpful 😊

AKdeBerg• 160

@AKdeBerg

Posted 11 days ago

@MsadafK you haven't give any feedback! This is not suppose to be like this. It's like cheating.

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