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

JavaScript Treehouse Club - MASH MASH - HTML Forms, Divs, and Inputs

Posted by Mike Bachman
Mike Bachman
2,029 Points

How do I make the CSS style apply to both <divs>?

Having Trouble With Quiz.

index.html 
<body>
  <h1>First Day of School</h1>

  <form>

    <div>
      <div class="favorite_stuff">
      <h4>Favorite Foods?</h4>
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
    </div>

    <div>
      <div class="favorite_animals">
      <h4>Favorite Animals?</h4>
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
    </div>


  </form>

</body>

3 Answers

Karolin Rafalski
Karolin Rafalski
11,368 Points
Karolin Rafalski
Karolin Rafalski
11,368 Points

According to the question in this challenge, it is asking you to name the classes in the two divs the exact same name.

Mike Bachman
Mike Bachman
2,029 Points

How do I do this? I payed attention to video.. I only know LUA. Do you have any more hints?

Karolin Rafalski
Karolin Rafalski
11,368 Points
Karolin Rafalski
Karolin Rafalski
11,368 Points

I'm sorry that my first answer was ambiguous. I hope this will clear it up:

<body>
  <h1>First Day of School</h1>

  <form>

    <div>
      <div class="favorite_stuff">
      <h4>Favorite Foods?</h4>
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
    </div>

    <div>
      <div class="favorite_stuff">
      <h4>Favorite Animals?</h4>
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
    </div>
Mike Bachman
Mike Bachman
2,029 Points

My <div> elements need to both have 'class' attributes.

shiv sandhu
seal-mask
.a{fill-rule:evenodd;}techdegree
shiv sandhu
Full Stack JavaScript Techdegree Student 9,979 Points
shiv sandhu
.a{fill-rule:evenodd;}techdegree
shiv sandhu
Full Stack JavaScript Techdegree Student 9,979 Points

Hello Mike,

You can either add <style> element or can link CSS stylesheet with <link>. Here I am going to show you how you can add styling with <style>.

  <head>
     <style>
        .favorite_stuff {
            /* Styling goes here */
         }
     </style>
 </head>


  <body>
  <h1>First Day of School</h1>

  <form>

    <div>
      <div class="favorite_stuff">
      <h4>Favorite Foods?</h4>
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
    </div>

    <div>
      <div class="favorite_animals">
      <h4>Favorite Animals?</h4>
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
    </div>


  </form>

</body>

Anything between <style> and </style> will be treated as CSS.

Thank you.