All solutions

• 

  Responsive Meet landing page

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted 8 months ago

  I want to get the background overlay color right for the footer.

  I'm currently using a background-image property in combination with a ::before element with a background color with opacity, but doing so did not get me the exact color from the design.

  .footer__content {
    position: relative;
    place-items: center;
    row-gap: var(--s-300);
    margin-block-start: rem(108px);
    padding: var(--s-800) var(--s-300);
    width: 100%;
    height: rem(392px);
    background-image: url(../images/mobile/image-footer.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      background-color: var(--cyan-600-overlay);
    }
  }
  

  ---

  1 comment1 like
• 

  Testimonials grid section using css grid

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted 9 months ago

  ---

  1 comment1 like
• 

  Responsive Four card feature section using CSS Grid

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted 9 months ago

  ---

  1 comment1 like
• 

  Responsive Product preview card

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted 10 months ago

  ---

  1 comment3 likes
• 

  Responsive Blog preview card

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted 10 months ago

  ---

  1 comment3 likes
• 

  Responsive Social Links Profile Using SASS and Figma

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted 10 months ago

  ---

  1 comment0 likes
• 

  Responsive Recipe Page using CSS Grid and SASS

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted 10 months ago

  ---

  1 comment1 like
• 

  3 Column Preview Card Component using SASS initialized with Nodejs

  #sass/scss

  ---

  

  P

  Jan•170

  Submitted almost 2 years ago

  ---

  0 comments0 likes
• 

  Stats Preview Card Using Component using SASS initialized with Nodejs

  #sass/scss#node

  ---

  

  P

  Jan•170

  Submitted almost 3 years ago

  ---

  1 comment2 likes
• 

  Order Summary Component Using CSS Grid and Fluid Type Scales

  ---

  

  P

  Jan•170

  Submitted about 3 years ago

  ---

  0 comments3 likes
• 

  NFT Preview Card Component with hover and focus states

  ---

  

  P

  Jan•170

  Submitted about 3 years ago

  ---

  0 comments3 likes
• 

  QR Code Component Using Custom CSS Variables and CSS Grid Properties

  ---

  

  P

  Jan•170

  Submitted about 3 years ago

  ---

  2 comments1 like