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

Responsice Landing Page using Sass

Boitumelo Sempeβ€’ 60

@ShakexSempe

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Greetings all ! I will appreciate any feedback on my code, most particularly on the footer within the main element. How does one change the color of the "sunnyside" text from white to the same as the rest of the icons.

Thanks.

Community feedback

Monica Vargasβ€’ 105

@monicavrgs

Posted

hey! really nice job! about the logo in the footer, you can use the svg logo they provide instead of using it as an <img>, just copy and paste the html tag, and then to change the color you use the fill and stroke attributes in the <path> element (the path is, as it's name says, the path that draws the svg, and it is within the svg tag). i would recommend doing some reading about svg so you can understand better what you're doing, but that's basically it to change the logo's color

the css code would be something like this:

.svg-selector path{
     fill: #color;
     stroke: #color;
}

Marked as helpful

0

Boitumelo Sempeβ€’ 60

@ShakexSempe

Posted

@monicavrgs Thank you so much Monica! I'm going to enjoy reading on SVGs. I didn't know they were so versatile, thanks again for your feedback!

1
Rahul Singhaniaβ€’ 140

@rahul-singhania223

Posted

You have done greatπŸ‘.

You should use more white spacing within texts and components.

Marked as helpful

0

Boitumelo Sempeβ€’ 60

@ShakexSempe

Posted

@rahul-singhania223 noted, thanks Rahul.

0
Divine Obetenβ€’ 2,415

@Deevyn9

Posted

Very nice representation πŸ‘πŸΎπŸ‘πŸΎ

Marked as helpful

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