All comments

• 

  Abhiram•150

  @abhiram-s21Submitted over 1 year ago

  how do i add background colour over the image?

  how would i make the image appear on top in mobile design?

  

  stats preview card component using flexbox

  3

  50
  

  Mário Vergara•160

  @mvergara94Posted over 1 year ago

  Hello there! Nice Job! To add a color over the image ou can add a layer with some opacity with before. You only have to put the position relative in the container of the image then you can add this layer. Below the is what i used in my solution. Hope it would help.

  .image-wrapper {
  position: relative;
  grid-area: image;
  min-height: 240px;
  background-image: url(../images/image-header-mobile.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  }
  
  .image-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: (the color you want) ;
  opacity: 55%;
  z-index: 1;
  filter: brightness(90%);
  }
  
  

  Marked as helpful

  1
• 

  naves0•130

  @naves0Submitted over 1 year ago

  

  ORDER SUMMARY HTML/CSS

  1

  40
  

  Mário Vergara•160

  @mvergara94Posted over 1 year ago

  Hey man nice Job! If i may give you a sugestion you could put the css propertie, 'background color' where you put your background image, with the color -- hsl(225, 100%, 94%) -- to look more like the design and to show the bottom part of your card.

  0
• 

  Hasan Sertaç Yiğitoğlu•150

  @hsyigitogluSubmitted over 1 year ago

  It was hard for me but I think i made it. Waiting feedbacks :)

  

  Responsive landing page with html, css and bootstrap 5

  1

  60
  

  Mário Vergara•160

  @mvergara94Posted over 1 year ago

  Nice Job man. Well Done!

  1

  This comment has received 1 replyShow
• 

  Luiz Maynarte•60

  @LuisComZSubmitted over 1 year ago

  I couldn't make the mobile design :/, but I accept sugestions for how a can make it.

  

  Results Summary Solution

  2

  80
  

  Mário Vergara•160

  @mvergara94Posted over 1 year ago

  Nice Job! I think if you use the propertie flex-wrap: wrap; in your flex container it's a start. I take a look only in the developer tool and add it there, of course there another behaviours to treat but it's a start. Hope it would help.

  Marked as helpful

  0