Skip to content
Submitted 3 months ago

Responsive Landing Page with Sass

sass/scss
Chrystiana Penalber•120
@chryspenalber
A solution to the Meet landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I’m proud of learning and using for the first time SCSS for organized styling. The footer overlay effect using ::before and ::after was also a nice visual touch.

Next time, I’d improve my habilities with SCSS.

What challenges did you encounter, and how did you overcome them?

I struggled to apply a blue overlay on the footer background image. I solved it by using ::before and ::after pseudo-elements to separate the background image from the colored overlay with opacity.

What specific areas of your project would you like help with?

I'd like to know if I properly use SCSS on this project.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Van Tu•350
    @imvan2

    Hello! Great work. I noticed the background image is missing at the bottom. I had the same issue, but you just need to include "../" at the beginning (however many times) until it works for you.

    As for the responsiveness, I noticed the footer does not stretch all the way to the full width of the screen in tablet view.

    I also would pay close attention to the design, especially the hero images (they are cut off in the design) and the footer button span color.

    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