HOW TO CENTER A BOX IN THE MIDDLE OF ITS CONTAINER USING FLEX(TIP 1)

How to Center a Box in CSS | #Shorts

Want to center a box in the middle of its container? 🎯 Here’s the CSS:

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.box {
width: 200px;
height: 200px;
background-color: #3498db;
}

In this quick tutorial, I’ll show you how it works! Perfect for beginners and pros alike.

💡 Follow @JavaScriptMasterCode for more coding tips!

#CSS #Shorts #WebDevelopment

Видео HOW TO CENTER A BOX IN THE MIDDLE OF ITS CONTAINER USING FLEX(TIP 1) канала JavascriptMasterCode