Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Landing page using only html & css

@AlexSG29


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

@jameshamling

Posted

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

Log in with GitHub
Discord logo

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