Skip to content
Submitted almost 3 years ago

Clipboard Landing Page - HTML/CSS, SCSS

Fatima Lazan•100
@fatimalazan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi, I've been trying to learn SASS for a while now and this is my first time using SASS/SCSS in one small project. I have learned about the usage of Mixins, Variables, Extend and Functions. I'm not quite confident on how I implemented scss to this project, but I'd love to explore and learn more from you here.

Edit: The background image disappeared after I uploaded this on Github, how would I resolve this? The bg-image still shows on my local end.

Community feedback

  • Fatima Lazan•100
    @fatimalazanPosted almost 3 years ago

    The background image disappeared after I uploaded this on Github, how would I resolve this?

    0
    Denis Dn•100
    @denisdindarPosted almost 3 years ago

    @fatimalazan You should add "../" front of the image path like below. Because your style.css is inside /css folder. not main path.

      background: #FFFFFF URL("../images/bg-header-mobile.png") top center no-repeat; }```
    0

Please log in to post a comment

Log in with GitHub

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