Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four card feature section using HTML and CSS

Adil Khursheedβ€’ 460

@adil-khursheed

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas πŸ‘Ύβ€’ 104,420

@correlucas

Posted

πŸ‘ΎHello Adil Khursheed, congratulations for your new solution!

Here's my tips for you to fix the container aligment:

Use these properties to give the container some alignment, Flex for the alignment and min-height: 100vh to align the component

body {
    display: flex;
    /* width: 100vw; */
    min-height: 100vh;
    background-color: var(--very-light-gray);
    padding: 3rem 5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

πŸ‘‹ I hope this helps you and happy coding!

Marked as helpful

0

Adil Khursheedβ€’ 460

@adil-khursheed

Posted

@correlucas Thank you so much Lucas. That really helps. I have done the necessary changes in my code.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord