All comments

• 

  Alephy [ BR ]• 80

  @alephy9

  Submitted almost 2 years ago

  I had a lot of difficulty with the svg files, I couldn't leave it the way I wanted with the image taking up 100% of the component's space and I couldn't leave the music icon in the center. I spent hours coding.

  

  Responsive with Flexbox

  #accessibility

  2

  5

  0

  

  Aayush Gupta• 40

  @AayushGuptaP1

  Posted almost 2 years ago

  Hey @alephy9, You can use the img tag for the illustration

  <img class="order-image" src="images/illustration-hero.svg" alt="illustration of a person enjoying music">
  

  and just set the width property to 100% and you are good to go😊.

  img{
  width: 100%;
  }
  

  0