Foundations Course: Add page to alignment tutorial in the flex box section

[boostaboosh]

Complete the following REQUIRED checkboxes:

• [x] I have thoroughly read and understand The Odin Project Contributing Guide
• [x] The title of this issue follows the location for request: brief description of request format, e.g. NodeJS course: Add lessons on XYZ

The following checkbox is OPTIONAL:

• [x] I would like to be assigned this issue to work on it

---

1. Description of the Feature Request:

In the foundation course of The Odin Project there is a flex box tutorial. In the alignment section (https://www.theodinproject.com/lessons/foundations-alignment) of said tutorial I think it would be worth adding the Mozilla Developer Network page on Controlling Ratios of Flex Items along the main axis to the assignment or additional resources part of the alignment page: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax.

This change would improve the flex box tutorial provided by the Odin Project. Currently students are not directed towards this page and it is hard for them to gain a thorough understanding of how flex items "flex" inside of a flex container. This MDN tutorial page explains how flex grow, shrink, and basis work in a clear manner, and removes any confusion students may be having. Some students don't understand how the flex property worked until they read this tutorial and this is the first part of the foundations course that requires them to look for learning materials beyond those provided.

After this addition students will no longer struggle understanding flex properties as much, and will have a resource available to them if they are struggling to understand them. This will save students time and struggle.

2. Acceptance Criteria:

• [ ] A link to the "controlling ratios of flex items" tutorial page on the Mozilla Developer Network page has been added to the assignment or additional resources section in the alignment page in the flex box section of the foundations course.

3. Additional Information:

[github-actions[bot]]

This issue is stale because it has had no activity for the last 30 days.

[github-actions[bot]]

This issue is stale because it has had no activity for the last 30 days.

[CouchofTomato]

@boostaboosh

Really sorry for the delay in picking this up. It slipped through the cracks but if you're still happy to work on this then we do think it would be a good addition.

[boostaboosh]

@CouchofTomato I would love to work on this eventually but I don't yet have the web dev skills to do so. At the pace I'm going I would hope to have the skills to give back to the Odin project by next year.

[CouchofTomato]

Thanks @boostaboosh

Good luck with your continued learning.

[github-actions[bot]]

This issue is stale because it has had no activity for the last 30 days.

[codyloyd]

I think the addition of scrimba widgets to our page makes this less helpful... there are already several chances for students to play around with alignment on the page itself, now.

Thanks for the suggestion, though!