Skip to content
Submitted 5 months ago

Four Card Component with a Responsive Feel

akorir08y•110
@akorir08y
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

How the four card component turned out. Working with display grid template columns is a good things

What challenges did you encounter, and how did you overcome them?

Vertical alignment of grid

What specific areas of your project would you like help with?

Working with min height, vw and vh

Community feedback

  • Diego Alves•190
    @DiegoAlveesPosted 5 months ago

    good job, but the styling could be improved

    Marked as helpful
    0
    akorir08y•110
    @akorir08yPosted 5 months ago

    @DiegoAlvees Improving it a day at a time

    0
  • MikDra1•7,060
    @MikDra1Posted 5 months ago

    Nice one @akorir08y 😀

    If you want to learn more about vw and vh units here is a VIDEO about that.

    If you have any questions feel free to ask

    If this comment was useful please mark it as helpful

    Good job and keep going 😁😊😉

    0
  • MikDra1•7,060
    @MikDra1Posted 5 months ago

    Really good job 👏

    If you want to improve try repairing your layout on mobile 📱. Try to add the top border without rounded corners (as a hint you should try to use absolute positioning)

    Good job and keep going 👍😄😍

    0

Please log in to post a comment

Log in with GitHub

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