All comments

• 

  Alexis•215

  @alexis-ferreiraSubmitted over 3 years ago

  Give feedbacks ☺️

  

  Challenge 5

  3

  30
  

  shiva santosh jana•375

  @santu369Posted over 3 years ago

  Hi Alexis,

  Good job on finishing the challenge 💪

  • The headshot image is changing on button click, but the quote section isn't. Maybe you missed it. Please check once.

  0

  This comment has received 4 repliesShow
• 

  Khalis•135

  @khalisabrahmanSubmitted over 3 years ago

  I can't get the picture in the mobile layout right. There's a line there. Any suggestion?

  

  Responsive Stats Component using only HTML and CSS

  2

  20
  

  shiva santosh jana•375

  @santu369Posted over 3 years ago

  Hi Khalis,

  Good job on finishing this challenge 💪

  • Try setting display: block on the img element. I faced the same issue and this trick fixed it.

  • I am viewing this on mobile and I can see the top section of the image getting cropped. You can check on this once.

  Thanks, Shiva

  0

  This comment has received 1 replyShow
• 

  Vatsal Singh•240

  @vatsalsinghkvSubmitted over 3 years ago

  I was facing some problems.

  picture::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background: var(--soft-violet);
      mix-blend-mode: multiply;
      width: 100%;
      height: 446px;
  }
  

  In this ::before selector, initially i made height = 100%, But I was getting image size (height) less than the picture tag, I couldn't figure out why, so I made height of the ::before equal to the height of the image.

  Can anyone help me why I was having that height of image & picture tag problem?

  

  Html & CSS using flexbox and picture tag

  2

  10
  

  shiva santosh jana•375

  @santu369Posted over 3 years ago

  Hi Vatsal,

  By default, img element is displayed as inline-block. You can change it to display: block and add height: 100% or right: 0; bottom: 0; to picture::before, this should solve the problem you were facing.

  Good job on finishing the challenge 🙌

  1

  This comment has received 1 replyShow
• 

  mansi•195

  @mansi05041Submitted over 3 years ago

  In mobile design the image is not fitting on the screen ( width ). Please comment on responsive part .

  

  Stats preview card using CSS grid

  2

  11
  

  shiva santosh jana•375

  @santu369Posted over 3 years ago

  Hi @mansi, There is one more image provided with the design files - image-header-mobile.jpg, you can change the image to this one in mobile view. I checked the code and didn't find this being used. Hope this helps.

  1