All solutions

• 
  Submitted 28 days ago

  Responsive Meet landing page

  • HTML
  • CSS

  1

  10

  ---

  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);
    }
  }
  

• 
  Submitted about 2 months ago

  Testimonials grid section using css grid

  • HTML
  • CSS

  1

  10
• 
  Submitted 2 months ago

  Responsive Four card feature section using CSS Grid

  • HTML
  • CSS

  1

  10
• 
  Submitted 3 months ago

  Responsive Product preview card

  • HTML
  • CSS

  1

  31
• 
  Submitted 3 months ago

  Responsive Blog preview card

  • HTML
  • CSS

  1

  30
• 
  Submitted 3 months ago

  Responsive Social Links Profile Using SASS and Figma

  • HTML
  • CSS

  1

  00
• 
  Submitted 4 months ago

  Responsive Recipe Page using CSS Grid and SASS

  • HTML
  • CSS

  1

  10
• 
  Submitted over 1 year ago

  3 Column Preview Card Component using SASS initialized with Nodejs

  • HTML
  • CSS

  0

  00
• 
  Submitted over 2 years ago

  Stats Preview Card Using Component using SASS initialized with Nodejs

  • HTML
  • CSS

  1

  20
• 
  Submitted over 2 years ago

  Order Summary Component Using CSS Grid and Fluid Type Scales

  • HTML
  • CSS

  0

  30
• 
  Submitted over 2 years ago

  NFT Preview Card Component with hover and focus states

  • HTML
  • CSS

  0

  30
• 
  Submitted over 2 years ago

  QR Code Component Using Custom CSS Variables and CSS Grid Properties

  • HTML
  • CSS

  2

  10