Meet landing page with HTML, Sass and CUBE CSS

Community feedback

• 

  Jaime•150

  @Jaimealicante83Posted 3 months ago

  Excellent work! The position of the split images look good, I just would make the images a little bit smaller. I share you my css so you can see how I made it myself:
  #people-right{ display: none; @media screen and (min-width: 1200px){ display: inline; position: absolute; right: 0; bottom: 0; max-height: 30.3rem; width: auto; }

      }
      #people-left{
          display: none;
          @media screen and (min-width: 1200px){
              display: inline;
              position: absolute;
              left: -2rem;
              top: 0;
              height: 30.3rem;
              width: auto;
          }
      }
  

  In the central images I would use a gap of 32px between them.

  To apply a overlay in the footer I used this, maybe it can help:

  &::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4D96A9; opacity: 0.8; z-index: 2; }

  Cheers!

  Marked as helpful

  0