1 seguidor

Hola amigos, espero me puedan ayudar, actualmente estoy practicando sobre css y al mismo tiempo estoy entrando al mundo de SASS, pero me he encontrado con este pequeño problema que me tiene algo loco. (en la imagen) quiero hacer que el texto quede más cerca del logo. sin embargo no logro hacerlo porque según el inspector de elementos me aparece un margin de 16px que en realidad no sé en que´parte del código puedo quitar :(

Saben como se puede solucionar? Estoy haciendo quizás algo mal? Gracias de antemano y saludos de un novato.

body {
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 16px;
  background: #4ed0da; }

img {
  border: 0px;
  padding: 0px;
  margin: 0px;
  line-height: 0px; }

.contenedor {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  overflow: hidden; }

header {
  width: 100%;
  background: url("../jpg/cabecera.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center 0; }
  header .contenedor {
    position: relative;
    height: 900px; }
  header .menu {
    width: 100%;
    max-width: 1000px;
    text-align: right;
    position: fixed;
    top: 0;
    z-index: 1000; }
  header .menu a {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    margin: 40px 20px;
    text-decoration: none;
    position: relative; }
    header .menu a:hover {
      color: #00b2b2; }
  header .logo {
    width: 405px;
    height: 448px;
    padding: 10px;
    position: relative;
    left: 1200px;
    bottom: 450px; }

.main {
  background: url("../jpg/concrete-texture.png");
  background-repeat: repeat; }
  .main .quien-soy h3 {
    font-size: 50px;
    color: #333333; }
  .main article {
    overflow: visible;
    clear: both; }
    .main article p {
      background: #ffffff;
      padding: 40px;
      width: 50%;
      position: relative;
      bottom: 100px;
      float: right;
      z-index: 1;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
      font-size: 20px;
      font-weight: 300;
      line-height: 28px; }

.contacto {
  background: #4ed0da;
  width: 100%;
  margin: 50px auto; }
  .contacto h3 {
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    position: relative;
    text-align: center;
    padding: 10px; }
    .contacto h3:before {
      height: 3px;
      width: 32px;
      background-color: #fff;
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -16px;
      bottom: 0; }
  .contacto .contenedor {
    max-width: 1000px;
    margin: 50px auto; }
    .contacto .contenedor .info {
      width: 50%;
      position: absolute;
      padding: 30px;
      float: right;
      text-align: left;
      margin: 1px auto;
      line-height: 20px;
      max-width: 200px;
      display: inline-block; }
    .contacto .contenedor .form {
      width: 50%;
      padding: 30px;
      float: left;
      text-align: left; }
      .contacto .contenedor .form input, .contacto .contenedor .form textarea {
        color: #ffffff;
        padding: 15px;
        width: 50%;
        margin-bottom: 10px;
        background: none;
        border: none;
        border-bottom: 2px solid rgba(255, 255, 255, 0.3); }
      .contacto .contenedor .form textarea {
        height: 120px; }

footer {
  text-align: center;
  padding: 30px 0;
  background-color: #cbcbcb; }

1 comentario

Usuario desconocido

el 07.12.2017 a las 11:01

La verdad, con una captura mala y el css no se te puede ayudar.
Tendrias que subir la cosa a un codepen o algo asi para poder inspeccionar el problema.

Responder
Me gusta

Entra o únete Gratis para comentar

Seguro que tienes mucho que decir, te estamos esperando.

Comenta en el foro

Únete Gratis y aprende con profesionales creativos como tú

Únete Gratis con tu email

Al hacer clic en "Únete Gratis" certifico que tengo 16 años o más y acepto las Condiciones de Uso, la Política de Privacidad, la Política de Cookies y recibir novedades y promociones.

Iniciado por

giovanny_gomez

Se unió en mayo de 2012

Bogotá, Colombia

1 tema
0 comentarios

Otros temas en este foro

Ayuda con Sass

Hola estoy comenzando a usar Sass y hay unas cosas que no entiendo como hacer esto: no deﬁnir nin...

por ricardor
- 0
- 11
Ayuda CSS

Hola a todos! Solo queria saber si alguien me puede ayudar con esta duda. Tengo un Web en cargo ...

por gerardodelhierro
- 0
- 2
Ayuda con CSS

Hola, estoy aprendiendo css y tengo una duda... creo que es bastante básica pero no consigo dar c...

por marclau
- 0
- 3
SASS y Bootstrap

Me gustaría saber como integrar SASS con Bootstrap. Conozco un poco el preprocesador pero no se s...

por sergiocastilla
- 0
- 10
Desarrollador web

¡Hola! ¿Estás buscando llevar tu proyecto al siguiente nivel? Como desarrollador Frontend con más...

por paddybalinia, el 19.08.2025 a las 00:41
- 1
- 0
¿Usar Adobe Muse es ir en contra del diseño web tradicional?

A raiz de una situación que me sucedió ayer en clase he querido crear este tema. Soy estudiante d...

por miguel201086
- 31
- 38