Update index.md with restructuring of the assessment page

[glmvc]

Summary

• Missing table with Prerequisites & Objective added
• Starting point, Hints and tips, Example sections added
• and text content adjusted accordingly.

Motivation

This page did not follow the usual structure of the assessment pages and many things were missing as well or did not make sense.

I hope these changes all fit - I've made an effort to have it set up like the other assessment pages. If I missed something, please let me know and I will adjust it.

Metadata

• Adds a new document
• Rewrites (or significantly expands) a document
• Fixes a typo, bug, or other error

[github-actions]

Preview URLs

• https://pr12696.content.dev.mdn.mozit.cloud/en-US/docs/Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension

Flaws

URL: /en-US/docs/Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension
Title: Fundamental layout comprehension
on GitHub
Flaw count: 2

• macros:
  • This macro has been deprecated, and should be removed.
• broken_links:
  • Link points to the page it's already on

External URLs

URL: /en-US/docs/Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension
Title: Fundamental layout comprehension
on GitHub

• https://codepen.io/ (1 time) (Note! This may be a new URL 👀)
• https://glitch.com/ (2 times) (Note! This may be a new URL 👀)
• https://jsfiddle.net/ (1 time) (Note! This may be a new URL 👀)

(this comment was updated 2022-04-11 00:28:58.693292)

[teoli2003]

There is a conflict to resolve here.

[glmvc]

@teoli2003 oh sorry, should be fine now! I explained to @hamishwillee at the code review why I would leave my changes this way - hasn't replied yet... So, I'm not sure if this is ready to merge?

[teoli2003]

Let's wait for his feedback.

[hamishwillee]

Thanks. Looks good. Sorry for the delay, I didn't see the notification(s).

EDITED. P.S. And thanks for this. I agree that consistency in these kinds of docs is really helpful.