Assessment wanted for Fundamental Layout Comprehension!

MDN Learn
1

Hello,

Here’s my code: Edit fiddle - JSFiddle - Code Playground

I have had a go at this assessment and I think I have done a pretty good job.

I would appreciate any feedback and suggestions on how I can improve.

Thanks :grin:

2

Hi @Ahmed1

This looks great! Congratulations :medal_sports:

As a more modern approach you could also use a grid on the main element instead of the floats for <article> and <aside>:

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

flex-direction: row; can be omitted since row is the default value.

Feel free to ask if anything is unclear :slightly_smiling_face:
Michael

2 Likes
3

Thanks!!

Changed it so now the webpage is now using the modern grid approach instead of floats, appreciate your help :slight_smile:

2 Likes