HTML/CSS QR-Code challenge

Community feedback

• 

  Enzo Campos•230

  @EnzCamposPosted about 2 years ago

  Hello Mgamboa, good work! You can change an Element Border by using the border-radius CSS property.

  <div class="card col-3 shadow p-3 mb-5 bg-body rounded" style="width: 18rem; margin-top: 10%; padding-top: 1%; border-radius: 25px;">
                      <img src="./Assets/images/image-qr-code.png" class="card-img-top " alt="FrontEnd QR Code" style='border-radius: 25px;'>
                      <div class="card-body">
                          <h5 class="card-title" style="font-weight:700;">Improve your front-end skills by building projects</h5>
                          <p class="card-text" style="font-weight:400;"> Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
                      </div>
                  </div>
  

  This would be the code if you like using inline CSS, you can add those to the CSS file using Class Selectors, you can also select the HTML element using for example:

  img { 
      border-radius: 25px;
  }
  

  Marked as helpful

  1

  ---

  

  Mgamboa•220

  @Marianellag1Posted about 2 years ago

  @EnzCampos Hello! Most definitely! I think I was just having a hard time connecting them both, and although I used dev tools to pin-point the location I actually needed, it just wasn't working. Thank you!

  0