0

estoy realizando un ejercicio en el sitio Acamica y me encuentro con que no puedo pasar el ejercicio, tal vez no entendí bien la lección.

En este ejercicio debo de:

  • Mover el elemento 45px a la derecha
  • y girarlo 30 grados

Esto es lo que he intentado:

#elemento {
  transform: translateX(45px) rotate(30deg);
}
<!doctype html>
<html>

<head>
  <title>Transform</title>
  <meta charset="utf-8">

  <style>
    div {
      font-size: 30px;
      text-align: center;
      line-height: 200px;
      height: 200px;
      width: 200px;
      background-color: red;
      margin: 40px auto;
      border: 5px solid black;
    }
  </style>
  <link rel="stylesheet" href="estilo.css">
</head>

<body>
  <h1>Transformaciones</h1>

  <div id="elemento">elemento</div>

</body>

</html>

Sin embargo me marca

que es incorrecto

¿Por qué no la acepta?¿Cómo puedo corregir el ejercicio?

1
  • Pareciera ser un problema específico de ellos, yo los contactaría directamente.
    – Shaz
    Commented el 16 ene. 2019 a las 20:57

1 respuesta 1

0

Al parecer si hay otras formas de hacer lo mismo, las validaciones de la página solo aceptaban una de tres posibles soluciones.

#elemento {
  transform: translate(45px) rotate(30deg);
}
<!doctype html>
<html>

<head>
  <title>Transform</title>
  <meta charset="utf-8">

  <style>
    div {
      font-size: 30px;
      text-align: center;
      line-height: 200px;
      height: 200px;
      width: 200px;
      background-color: red;
      margin: 40px auto;
      border: 5px solid black;
    }
  </style>
  <link rel="stylesheet" href="estilo.css">
</head>

<body>
  <h1>Transformaciones</h1>

  <div id="elemento">elemento</div>

</body>

</html>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.