Assessment wanted for Fundamental Layout Comprehension-jtilly

Hi all!

I’d like feedback on my solution to Test Your Skills: Fundamental layout comprehension


Here is my code:


Thank you! :slightly_smiling_face:

Hi @jtilly

Amazing job on this task! :medal_sports:
Compliments on the additional work to make it look good on smaller screens.

Something I would change:
Flexbox on <main> makes the <aside> shrink to its minimum width. Maybe that’s fine for this layout. To get more control over the width you could instead use grid on <main>. Something like this would work:

display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 20px;

This would also require to change to a one column layout on smaller screens.

I hope that helps! :slightly_smiling_face:

Have a nice day,
Michael

2 Likes