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

Sunnyside Agency Landing Page using HTML, CSS and JS

@EVargas714

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I learned a lot doing this project. Thinking of re-doing it to fully grasp everything I learned. I have 2 questions though.

  1. Is there any way to change the footer logo to green using CSS only? The alternative graphic wasn't included so I'm assuming there is an alternate solution.

  2. For blank DIVS with backgrounds, what Aria landmark do I use?

Community feedback

seekinfox 560

@seekinfox

Posted

footer logo is an svg file,

you can change it's color using

svg {
   path {
        fill: color;
   }
}

above is scss format. in css it would be svg > path { fill:color;}

i did not understand the last question so i will skip that. ; p

but you can check my code for this challenge , i have tried hard to maintain and painful process to replace background images for desktop view. XD. but it was a cool learning process.

1
Xavier192 110

@Xavier192

Posted

Helpful, thank you!

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