@AtulKumar0001
Posted
To make your image exactly match the design preview, set the opacity to 0.75.
.right-card img {
opacity: 0.75;
}
and you can also use this to center your .container:-
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
width:100%;
}
.container{
background-color:hsl(244, 38%, 16%);
width:65%;
margin:0 auto; //To center your div from left and right
display:grid;
border-radius:5px;
overflow:hidden;
grid-template-columns: 1fr 1fr;
}
Marked as helpful