QRcode challenge

Community feedback

• 

  P

  Darkstar•1,100

  @DarkstarXDDPosted 11 months ago

  I don't have any experience with bootstrap but I assume the rounded class created by bootstrap adds some border radius styling to your element.

  <div class="card rounded mb-5" style="width: 18rem">
  

  If you removed that class and added your own styling you should get border-radius working on your card.

  .card {
  border-radius: 20px;
  }
  

  Marked as helpful

  1

  ---

  

  Ehsan•210

  @Ehsan-eslamiPosted 11 months ago

  Thanks a lot for your review, I couldn't remove that because I used bootstrap cards and if I wanted to remove that class, I don't know how to centralize elements. Do you have another suggestion?@DarkstarXDD

  1

  

  P

  Darkstar•1,100

  @DarkstarXDDPosted 11 months ago

  @Ehsan-eslami Isn't the centering of elements done on the .card class? I thought rounded was a utility class that only applied some border radius styling.

  Just to be sure this is how it should look after you remove the rounded class. You are not changing the other two classes.

  <div class="card mb-5" style="width: 18rem">
  

  And then add your own border-radius to the .card class as above.

  1

  

  Ehsan•210

  @Ehsan-eslamiPosted 11 months ago

  Many thanks, I tried your solution, and it was really helpfull@DarkstarXDD

  1

  

  P

  Darkstar•1,100

  @DarkstarXDDPosted 11 months ago

  @Ehsan-eslami You are welcome. I am happy that I could be helpful.

  Marked as helpful

  1