Skip to content
Submitted about 3 years ago

Responsive Sunnyside agency landing page

sass/scss
Nahid Faraji•150
@Nahid570
A solution to the Agency landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am having some issues with responsiveness, especially images. I tried several methods for responsive Images but nothing seems good to me. There is a problem with the testimonials sections when you go to mobile view, you see the problem. I could not figure out why this is happening.

Feedback will be appreciable.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • William Jesus Rivas Duran•230
    @wiridix

    Helloo, looking at your solution is fine but I noticed certain errors and those you comment

    • The logo is not being used in the header and footer.
    • In the area of the customer testimonials what happens is that you have a height: 100vh and therefore occupy all the space of the viewport, you can place a height in auto or not to place a specific height.
    • In the images in the section (image_gallery) there is a small spacing between the photos, to solve that you have to remove the class "object-fit" to the images, with the grid of the container the images will occupy the space that you assigned in the grid.
    • The background color should be #91d0c2 and the letters should be hsl(168, 34%, 41%).
    • For the hover effect of the footer icons you could use a filter brightness of 10 and generate the white on the icons.

    That's what I noticed, I hope it helps you any questions you can ask 🙌

    Marked as helpful

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