Submitted 5 months ago

Responsive Landing page using only html & css

Alexander Sanchez G.•90

@AlexSG29

Preview site View code

This is a solution for...Huddle landing page with a single introductory section

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I loved doing this project‼️, it tested me but I liked learning new things 💕.

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

The biggest challenge was making the page responsive and keeping the image size appropriate for each screen size. but I achieved it using maximum and minimum sizes 👌.

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

I would like a lot of help in the specificity part when using an @media, in one element I had to use !important because I couldn't do it without it 😒.

Community feedback

hamzzei•60
@jameshamlingPosted 5 months ago
If you want to avoid using !important on the footer in the media query it might just need to be given a class or an id, as just using the element name has very low specificity on its own.

I like the use of custom properties for the colours!

On my desktop screen the content comes out a little small on the page, though it transitions to the mobile view very nicely.

Great job on this!
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