Make a website Task #25

Projects
1 
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Personal Portfolio</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
    <link href="style.css" type="text/css" rel="stylesheet">
  </head>
  <body>
  <header class="container">
      <div class="row">
        <h1 class="col-sm-6">YourName</h1>
        <nav class="col-sm text-right">
        <a href="about.html">About Me</a>
        <a href="education.html">Education</a>
        <a href="experience.html">Experience</a>  
    </nav>
    </div>
    <section class="jumbotron">
     <div class="row">
     <div class="row">
       <h2>About Me</h2>
           </div>
</div> 
    </section>
 <section class="container">
    <div class="row justify-content-center">
     <div class="col-sm-6">
     <p></p>  
    </div> 
    </div>
</section>
    </header>
<footer class="container">
    <div class="row">
      <p class="col-sm-4">&copy; 2019 YourName</p>
<div class="col-sm-2">
 <a href=""_blank">Github</a> 
</div>
<div class="col-sm-2">
  <a href="" target="_blank">LinkedIn</a>
</div>
    </div>
    </footer>
  </body>
</html>

So I’ve currently been stuck on step 25 of the make a website course and this is my education.html section but I don’t understand where to put the code that they are giving me. Every time I put it in I get an error.

step25
step25.PNG615Ă—544 22 KB

2

I’ll give you a tip. The inner divs are not class row, only the first div is class row. Read the step description again to find out class of the two inner divs.
Or see the spoilers below.

Click for solution

So the<section class = 'container'> , for the first div you need to use a row class so - <div class = ' row' >. The last two divs both read <div class = 'col-sm-6'>

2 Likes
3 
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Personal Portfolio</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
    <link href="style.css" type="text/css" rel="stylesheet">
  </head>
  <body>
  <header class="container">
      <div class="row">
        <h1 class="col-sm-6">YourName</h1>
        <nav class="col-sm text-right">
        <a href="about.html">About Me</a>
        <a href="education.html">Education</a>
        <a href="experience.html">Experience</a>  
    </nav>
    </div>
    <section class="jumbotron">
     <div class="row">
     <div class="row">
       <h2>About Me</h2>
           </div>
</div> 
    </section>
<section class = 'container'>
<div class = ' row' >
<div class = 'col-sm-6'>
</div>
<div class = 'col-sm-6'>
</div>
</div>
</div>
 <section class="container">
    <div class="row justify-content-center">
     <div class="col-sm-6">
     <p></p>  
    </div> 
    </div>
</section>
    </header>
<footer class="container">
    <div class="row">
      <p class="col-sm-4">&copy; 2019 YourName</p>
<div class="col-sm-2">
 <a href=""_blank">Github</a> 
</div>
<div class="col-sm-2">
  <a href="" target="_blank">LinkedIn</a>
</div>
    </div>
    </footer>
  </body>
</html>

This still causes an error

4

Section tag isn’t closed, one extra div tag is closed. Althought it’s sooo late, that I am not 100% sure xD

5

Thank you for the tip! I was stuck on this too, and you helped me to get “unstuck.” Also, thank you for hiding the solution initially.