Simple Card using HTML, CSS

Hi saurabh25102000 👋

Below are some suggestions that may address your challenges.

Q1. Adding the property overflow: hidden; to your .main-card selector, should fix your overflow problem.

Q2. You can use the flexbox layout module.

Q3. Same answer as Q2. See the example below (flex properties added at the end)

.main-card {
    width: 1200px;
    margin: 200px auto;
    border-radius: 10px;
    background-color: hsl(244, 38%, 16%);
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
}

Addressing the preceding challenges solves the remaining ones.

Hope this helps.

Happy coding 💻

Bro I think you should check out my code for this challenge.. You'll certainly figure it out. You can also reach out to me on instagram @b4n1y4. Github repo for the challenge - https://github.com/b4n1y4/stats-preview-card-component-main