@legion40216
Posted
Bro good work some suggestions
First you should start with the layout you can either use grid or flex to accomplish this
you need two equal columns and add max-width
for responsiveness also remove height
Avoid using height unless you have to instead use padding of the content to size according to your liking
.cardContainer {
max-width: 40rem;
border-radius: 20px;
background-color: hsl(0, 0%, 100%);
display: grid;
grid-template-columns: 1fr 1fr;
}
now we remove widht and height from .RightSide and LeftSide
.RightSide {
padding: 0 30px;
/* width: 30rem; */
/* height: 100%; */
}
Happy Coding...
Marked as helpful