@CelineTrannSubmitted over 1 year ago
I used transform: translateY() to vertically center my div, is there a standard way to vertically and horizontally center divs?
I used transform: translateY() to vertically center my div, is there a standard way to vertically and horizontally center divs?
Hello, good job finishing the challenge! If you're familiar with Flexbox, you can use this as a reference
<div class="center-qr-card"> <div class="qr-card"></div> </div>CSS Code will look like this
.center-qr-card { display: flex; justify-content: center; align-items: center; height: 100vh; }
The class of center-qr-card is specifically targeting the card itself to be centered on the page! I truly hope this helps!