QR scenario step (soon)

HTML card template

HTML from Card component

<div id="main_card">
	<label id="header_text">{{firstName}} {{secondName}}</label>
 	<label id="description_card">{{description}}</label>
 	<img id="qr_card" src='{{qr}}'></img>
</div>

<style>
  #main_card{
     display: flex;
     width: fit-content;
     flex-direction: column;
     justify-content: flex-start;
     padding: 15px;
     margin: auto;
     max-width: -webkit-fill-available;
  		}
  #qr_card{
  	    border-radius: 15px;
    box-shadow: 0px 0px 21px 0px rgba(34, 60, 80, 0.15);
  }
  #header_text{
	font-size: 25px;
    padding: 5px 0px 0px 0px;
    width: fit-content;
    margin: auto;
  }
  #description_card{
  	width: fit-content;
    margin: auto;
    font-size: 15px;
    font-weight: 100;
    padding: 0px 0px 10px 0px;
  }
</style>