@Stroudy
Posted
Amazing job with this! You’re making fantastic progress.
I noticed we're in a similar position with using CSS Grid for this layout. From reviewing different solutions, I've found that using a three-column, two-row grid structure works best. For the side elements, you can use transform: translateY(50%);
to shift them down by 50%, aligning them perfectly between the rows.
While your current approach is effective, it does increase the width of the cards by about 19px
. Though this isn't a significant issue, exploring the above method could offer a more precise solution. I hope this helps, and I appreciate your great work on this!
You’re doing fantastic! I hope this tip help you as you continue your coding journey. Stay curious and keep experimenting—every challenge is an opportunity to learn. Have fun, and keep coding with confidence! 🌟
Marked as helpful
@SayaOvO
Posted
@Stroudy Thank you! I will keep practicing! At this stage, I have decided not to focus on precise details.