CSS Functions: hands on exercises

[Nightsper]

Checks

• This is not a duplicate of an existing issue (please have a look through our open issues list to make sure)
• I have thoroughly read and understand The Odin Project Contributing Guide
• Would you like to work on this issue?

Describe your suggestion

Suggestion

In this lesson it explains about the min(), max, and clamp() functions which are pretty confusing. Cause min() is used for setting the maximum value an element can grow and vice versa with max(). I don't know if it's just me but some people might think max() is for setting the maximum size of an element. So I think if the lesson has some exercises or even tiny projects, or would help the user rewire their brain and get comfortable on how to use these functions.

Path

Node / JS

Lesson Url

https://www.theodinproject.com/lessons/intermediate-html-and-css-css-functions

(Optional) Discord Name

Nightsper

(Optional) Additional Comments

No response

[JoshDevHub]

Thank you for raising this issue @Nightsper

This is quite a large proposal in the sense that someone (presumably not you, as you didn't check the box in the original post indicating you'd like to take ownership of this work) would have to step in, plan out what this would like, and then write the specs for a project or set of exercises.

This all means that your issue isn't very "actionable", so I'm going to move it to a discussion for now. If someone indicates they'd like to put in the work for this, it can be moved back to an issue and reconsidered by the maintainer team.

[mao-sz]

Since the primary issue is confusion about min() and max(), sounds like it'd be more appopriate to focus on if the lesson wording leaves room for ambiguity or if it can be improved. Designing exercises, even small ones, is a lot more work than people might think if you actually want them pedagogically appropriate.

While people may mistake min() as "minimum boundary" and vice versa for max(), it's just the same as Math.min()/Math.max() in JS or Array#min/Array#max in Ruby, in that they return the smallest or largest of the provided values, respectively.

@Nightsper perhaps there's something in the current lesson where you feel the wording can be improved to make that clearer?