Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations The Box Model Width, Height and Overflow Properties

John Domingo
John Domingo
9,058 Points
Posted by John Domingo
John Domingo
9,058 Points

Should this challenge task be reworded so that it's more specific about which element should set have a max-height?

The question asks to add a max-height and based on the previous question I assumed it was targeting the div element with the class of "main", but it could also apply to other elements if not specific enough.

index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Width, Height and Overflow Properties</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>   
    <nav>
        <a href="#">About Me</a>
        <a href="#">My Work</a>
        <a href="#">Contact Me</a>
    </nav>
    <div class="main">
        <p>Veggies sunt bona vobis, proinde vos postulo esse magis kohlrabi courgette sorrel rock melon summer purslane soybean bitterleaf fennel.</p>
        <p>Pumpkin ricebean gourd cauliflower water chestnut garlic parsley bunya nuts earthnut pea tomato lettuce. Swiss chard chickpea burdock soybean soko cucumber garlic wakame pea arugula azuki bean turnip greens spinach eggplant.</p>
        <p>Arugula cress bitterleaf rutabaga potato burdock celery chard eggplant desert raisin.</p>
    </div>
</body>
</html>
style.css 
/* Complete the challenge by writing CSS below */

nav a { display: inline-block; width: 100px; }
.main { box-sizing: border-box; max-height: 150px;}
Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi John,

Can you post the question please.

John Domingo
John Domingo
9,058 Points
John Domingo
John Domingo
9,058 Points

Hi Wayne, the question was "Next, add a max height of 150px." in "Width, Height and Overflow Properties" Challenge Task 4 of 5 of Stage 6: The Box Model (Web Design Track).

I am suggesting for the instructors to create more specific questions to avoid confusion. I guess I don't necessarily need assistance with the question and perhaps used the wrong forum to make my suggestion.

Thank you for your help!

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Yep, see what you mean John.
Its taking for granted that you know what its asking.

Maybe difficult for the folks who don't have English as their first language.

2 Answers

Jeremy Woodbridge
Jeremy Woodbridge
25,278 Points
Jeremy Woodbridge
Jeremy Woodbridge
25,278 Points

To avoid confusion the creators have since then replaced Foundations on the Front-End Development track with CSS basics. If you decide to switch I have experienced much less confusion than my time with Foundations

John Domingo
John Domingo
9,058 Points
John Domingo
John Domingo
9,058 Points

Hey Jeremy, thanks for the heads up. However switching the tracks does not make much of a difference when the problem is due to a poorly worded challenge task. The question cannot stand on its own because it lacks information about which element to target.