stats-preview-card-component-main Using CSS Flexbox

Community feedback

• 

  SirJhay3•160

  @SirJhay3Posted about 3 years ago

  Hi,

  1. Set a height and width property to the id of right, then set your image height and width to 100%
  2. Add a div with a class of modal after your picture tag and give it this styles: .modal { width: 100%; height: 100%; background-color: hsl(277, 64%, 61%); position: absolute; top: 0; opacity: .5; }
  3. Set position: relative to #right
  4. Surround 'insight' with a span tag instead and set the color to HSL(277, 64%, 61%)

  Happy coding!

  0