Account Deleted
Hi Wesley,
Well done on completing this challenge! This is a great first step into more complicated layouts.
I used grid for this one - I personally went with 2 rows and 2 columns - The two columns were for the top part of the design. Then, I used a div with its own grid spanning the bottom row, with 1 row and 3 columns. This allowed me to position the three cards individually - You can have a look at my solution if you want to see the code.
I would do things a bit differently now that I've gotten more practice (I'm pretty sure I could've just put three rows on the main grid instead of having a second grid within a grid), but it should give you a good idea of what I mean.
I am not sure about your question regarding transform, although you should not need it since you can use justify and align to position your elements within the rows/columns.
Marked as helpful
@wesleyjacoby
Posted
@LazyDuckling Hi!
Thanks so much for the feedback. I also think I should have gone with grid on this one. I'm going to redo it using grid and see if I struggle less.
I completely forgot about the justify and align properties for grid. I really need to use grid more to get familiar with it.
Thanks again for the help! :)