Portfolio Step 9: Header and Card Row

Rebuild your site header with Flexbox: your name on the left, navigation on the right, vertically centered, with a gap rather than margins between the links. Then lay your project cards out as a wrapping flex row so they sit side by side on a wide screen and stack on a narrow one. Give each card flex with a sensible basis such as 1 1 260px so they grow to fill the row but never get narrower than is readable. Do not reach for any positioning tricks. Everything in this step should be container properties.