porque mi pagina no se ve igual a la de la profe.....no encuentro el error
 
  

porque mi pagina no se ve igual a la de la profe.....no encuentro el error
 
  

Si pudieras compartir tu codigo para ver que sucede
ese es el index
    <img class="head_logo"  src="img/logo-apeperia.svg" alt="Logo de Apeperia">
        <nav class="head_navegacion">
            <ul>
                <li class="head_enlace" ><a href="#">Sobre</a></li>
                <li class="head_enlace" ><a href="#">Planes</a></li>
                <li class="head_enlace" ><a href="#">Blog</a></li>
                <li class="head_enlace" ><a href="#">Destacados</a></li>
                <li class="head_enlace" ><a href="#">Institucional</a></li>
                <li class="head_enlace" ><a href="#">Contacto</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section class="llamada container">
            <h1 class="llamada_titulo">APLICACIONES EN LA MEDIDA</h1>
            <p class="llamada_texto" >Apeperia es una empresa emergente con una manera innovadora de comprar y crear aplicaciones moviles y web</p>
            <a class="llamada_boton boton">Conozca los planes</a>
        </section>
    </main>
</body>ese es bases
`
`body {
    font-family: 'open sans', sans-serif;
}
 .container {
    padding-right: 6%;
    padding-left: 6%;
 }
 .boton {
    text-align: center;
    display: block;
    width:  100%;
    max-width: 350px;
    box-sizing: border-box;
    padding: 1rem 2rem;
    border: 1px solid #fff;
    border-radius: 5px;
 }
este el head y la llamada
.head { color: #FFFFFF;
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
border-bottom: 1px solid #103D4A;
position: absolute;}
.head__logo { margin-bottom: 1rem; }
.head__navegacion { text-align: center;
}
.head__enlace { font-size: 1.1rem; display: inline-block; margin-right: .7rem; margin-bottom: .7rem; margin-left: .7rem; }
.llamada { display: flex; flex-direction: column; align-items: center;
color: #FFFFFF;
text-align: center;
background-color: #00161C;
padding-top: 12.25rem;
padding-bottom: 2.5rem;}
.llamada__titulo { font-family: 'Montserrat', serif; font-size: 2rem; font-weight: 700; text-transform: uppercase;
margin-bottom: 1.5rem;}
.llamada__texto { font-size: 1.25rem; line-height: normal;
margin: 0 auto 2.5rem;}
.llamada__boton { width: 100%; }
hay no se porque se divide asi el codigo ....