Unit 2 Lesson 14 Webpage section 2 Featured Species section won't go into seperate columns

CS Discoveries Website and Tools How-To
1

I’ve been working on this code for 5 days now and can’t get the text to go into 2 columns on the website. I feel like I’ve tried so many combinations but can’t even get it close. Does anyone have the correct code to share? This is what I have now after deleting everything and starting over again.

<div class="featured">
  <!-- container for content on species list -->
  <h2 class="info">🌟 Featured Species</h2>
  <ul>
    <li>Amur Leopard</li>
      <li>Sumatran Elephant</li>
      <li>Mountain Gorilla</li>
   </ul>


  <!-- container for content on top conservation efforts of the month -->
  
    <h2>🌳 Top Conservation Efforts</h2>
    <ol>
      <li>Wildlife Protection Initiatives</li>
      <li>Habitat Restoration Projects</li>
      <li>Community Education and Engagement</li>
    </ol>

</div>

CSS
/* style for the featured species and conservation efforts */
.featured{
background-color:beige;
height:200px;

}
/* style for the content inside the featured container */

.info {
align-self:flex-start;
}

.info-1 {
align-content:flex-end;
}

2

and “share” link so we can view the code

3

@dlind,

I am seeing an example solutions for this website with 2 columns for the “class=featured” in the teacher’s panel. Have you looked at that?

~Michelle

4

Where is the teachers panel?

5

It is on the right side of the page. There is a blue tab that opens the panel:
image
Once you click on that and open the panel, the button on the top of the panel will open an example solution:
image

6

Wow! I never even knew this was there. Thank you so much for your help.

7

Glad to show you where it is - it has saved me more than once!!! :wink: