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

Sunnyside agency landing page built with webpack5 sass vanilla js

XIII 790

@minibrusp

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


Sunnyside agency landing page built with

  • Webpack5
  • SASS(Dart)
  • Mobile First Approach
  • Vanilla JS

had fun building this challenge.

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Well done. I like the effects on sunnyside when you hover.

  • the alt text for the testimonial images are all set to alt="photo of Emily", something that you forgot to change

Marked as helpful

1

XIII 790

@minibrusp

Posted

@ChamuMutezva hey thanks for the feedback your right i really did forgot about it. Btw, do you have an idea on how to fix this HTML Issues I'm having it says [CSS: Parse Error.]

0
P
Chamu 12,970

@ChamuMutezva

Posted

@minibrusp , some of the errors are coming from this code

 &.--open {
                    transform: rotate(720deg);
                    background: transparent; //error 1

                    &::before {
                        transform: rotate(-45deg) translate(5px, -3px); //error 2
                    }

                    &::after {
                        transform: rotate(45deg) translate(7px, 5px); //error 3
                    }
                }

check your css file and see how it is compiled.

1
XIII 790

@minibrusp

Posted

@ChamuMutezva Thanks for pointing that out. I still couldn't fix it. I will look to it more. Thanks a lot. Btw, do you know what test method frontend mentor is using to check issues this issues?

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