Submitted about 2 years ago

Responsive Landing page with HTML, CSS, Javascript

Miguel Silva• 510

@migsilva89

Preview site View code

This is a solution for...

Sunnyside agency landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Responsive Landing page with HTML, CSS, Javascript.

Any tip on how to change the color from the SVG img on hover?

What I learned:

CSS background Size control;
CSS grids control;
Javascript Toggle;
CSS Filters;

Tips and feedback to my code are very appreciated.

Preview: https://front-end-mentor-sunnyside-agency-git-master-migsilva89.vercel.app/

Thank you all.

Miguel Silva

Community feedback

Ramz• 375

@Ramz001

Posted about 2 years ago

Hello Miguel Silva! Well good job completing this challenge. Your solution has some problems . First of all, it does not cover the web page fully and it lacks some hover effects in the footer section and also hover effects in the navbar section is either incorrect or absent. On top of this there are some problems with HTML . Hope it the feedback will help you !

Marked as helpful

Miguel Silva• 510

@migsilva89

Posted about 2 years ago

@Ramz001 thank you for your comment, yes I have already a to do list:

Fix full width;
Fix hover on footer social links;
Fix HTML + ACCESSIBILITY issues;

whats the problem with the navbar?

regards Miguel Silva

Miguel Silva• 510

@migsilva89

Posted about 2 years ago

@Ramz001 All fixed! Thanks for the help.

Regards, Miguel Silva

Kelvin• 915

@Kl3va

Posted about 2 years ago

I think you can achieve that if you specified the svg in-line other than linking it within the img tag. So, you will be able to target the svg directly in your css. Else, you might want to use css filters for that

Marked as helpful

Miguel Silva• 510

@migsilva89

Posted about 2 years ago

@Kl3va Thank you for your comment.

I have tried that already but it did not work. I will look for the filters option.

Regards m8

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