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

3-Column Preview Card

Zack 70

@Mastza28

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm starting to feel more comfortable using flex. I did have a problem when I was setting up @media for smaller screens. When I set my container to a row instead of column, for some reason it was pushing the container up to high and cutting off the 1st box. I used margin to correct this but I feel like I shouldn't have needed to do that.

Community feedback

@HanningtoneM

Posted

Hi Zack, Good job so far your design looks almost similar with that of the original design. I also experienced the same issue as you wtih the margin and did it the same way you did. I can see small difference with the button positioning. I would advise you use a margin-right: auto; to postion it in line with the text.

Good job and happy coding.

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