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

Interactive Card Details

Terrionna 70

@tbecreative

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Again, I struggled with the responsiveness of the app. It's a lot that I need to work on when it comes to that. So far, I loved working on this project the most.

Community feedback

Adeola 320

@adex-hub

Posted

Hi Terriona, nice solution but in order to center the cards vertically consider adding the following code to the parent element of the two cards.

display: flex;
flex-direction: column;
align-items: center;

If that doesn't work you might need to center it vertically using position: absolute and CSS properties such as top and transform: translate Y(50%)

Marked as helpful

0

Terrionna 70

@tbecreative

Posted

@adex-hub I'm going to go back and try that! Thank you so much for your feedback!

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