simple gridd

by Snj

HTML

<div class="company-subdomain-qr-container">
  <div class="company-subdomain-qrcodes">
    <img src="http://localhost:8080/media/uploads/FykK/jRy6/FykKjRy6sKvnvpLB.png" alt="http://localhost:8080/Intresse" height="150" width="150" title="" style="">
    <img src="http://localhost:8080/media/uploads/Csl2/1Erv/Csl21ErvLX6JLHcA.png" alt="http://localhost:8080/Intresse" height="150" width="150" title="">
    <img src="http://localhost:8080/media/uploads/qQSC/bjkH/qQSCbjkHJKD7GPlX.svg" alt="http://gln.localhost:8080/Intresse" height="150" width="150">
  </div>
  <div class="company-subdomain-qrlinks">
    <a href="http://localhost:8080/media/uploads/FykK/jRy6/FykKjRy6sKvnvpLB.png" class="" target="_blank" title="" style="">Ladda ner</a>
    <a href="http://localhost:8080/media/uploads/Csl2/1Erv/Csl21ErvLX6JLHcA.png" class="" target="_blank">Ladda ner</a>           
    <a href="http://localhost:8080/media/uploads/qQSC/bjkH/qQSCbjkHJKD7GPlX.svg" class="" target="_blank">Ladda ner</a>
  </div>
</div>

CSS

body { margin: 0; height: 100vh; }

.company-subdomain-qr-container {
    display: inline-grid;
    grid-template-columns: 35rem;
    grid-template-areas:
        "qrcodes"
        "qrlinks";
    background: #026165;
    flex-direction: row;
}
.company-subdomain-qrcodes {
    grid-area: qrcodes;
    background: #026165;
    display: flex;
    justify-content: space-around;
}
.company-subdomain-qrlinks {
    grid-area: qrlinks;
    background: #6ebcbf;
    display: flex;
    justify-content: space-around;
}