Assessment request for Fundamental Layout Comprehension

MDN Learn
1

Hi. I want my result assessed for Fundamental Layout Comprehension task. Any assessment would be appreciated.

I also tried media query for mobile version. It’d be great if you check that out too.

Many thanks always. Cheers! :beers:

See my result here

2

Hey there @harryghgim!

This is really fantastic work — well done. The media query also works nicely, and the narrow single column layout is great.

I suppose the one comment I had is that the navigation menu doesn’t look great on narrow screens. As a quick fix, I’d suggest something like:

  1. Getting rid of the border-bottom.
  2. Inside the narrow screen media query, remove the black background-color from the <nav>, and put it on the <a>s instead. Then give the <a>s a bit of top and bottom padding, e.g. padding: 10px 0. Finally, remove the padding from the <nav>, so you don’t get that unsightly gap round the edge of it.
1 Like