TheOdinProject / curriculum

The open curriculum for learning web development
https://www.theodinproject.com/
Other
9.35k stars 12.96k forks source link

<Foundations-Flexbox>: <new additional resource: easy explanation> #28396

Open Confused-code opened 1 month ago

Confused-code commented 1 month ago

Checks

Describe your suggestion

So i was reading through an article by internet is hard on flexbox (as additional resource), and some of the explaination felt incomplete, specially when i read order in flexbox model, it was so confusing.

after a google search i reached a site named SamanthaMing.com's article on order which contained only single image, see here, it felt like self realization at spiritual level, with just one look at it.

My suggestion is if this resource makes sense to you guys and the pwner agrees, may be it can be introduced to others as additional resource.

Path

Foundations

Lesson Url

https://www.theodinproject.com/lessons/foundations-introduction-to-flexbox

(Optional) Discord Name

No response

(Optional) Additional Comments

No response

JoshDevHub commented 1 month ago

Thank you for raising this issue @Confused-code

Going to check with the @TheOdinProject/foundations team to see what their opinions are on this resource.

thatblindgeye commented 3 weeks ago

Personally I have 2 viewpoints:

  1. It almost feels like this resource is too simple. It covers an extremely narrow/specific facet of flex, so I'm not entirely sure the importance of offering it as an additional resource
  2. I feel we shouldn't promote fiddling with things like the order property for people most likely just starting out, at least with this sort of context where it's just stating the CSS property/showing how to use it without really going into more details surrounding it. Doing so can have pretty big, negative side effects that people should be aware of (namely that the tab order will no longer match the visual order of items and can be confusing at best for certain users). The suggested link kind of just comes across as "Use this property! No issues whatsoever!" when that is not the case.
KevinMulhern commented 1 week ago

I agree, IIRC we don't cover flex order in any of basic flexbox lessons and shouldn't link to any resources that cover it specifically. We could remove the interneting is hard tutorial to later on, or remove it?