Respuestas Ejercicio 6 (HTML & CSS Junio)

Comparte tu respuesta del ejercicio 6.

Nota: Recuerdas que puedes formatear el bloque de codigo que compartas agregando 3 backticks, comillas francesas, o tildes al reves
Ejemplo:

<html>
  <body>
    <div id="root"></div>
  </body>
</html>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>ejercicio6</title>
  </head>
  <body>
    <table>
      <tr>
        <th>Europe</th>
        <th>Asia</th>
        <th>Africa</th>
      </tr>
      <tr>
        <td>Ukraine</td>
        <td>China</td>
        <td>Egypt</td>
      </tr>
      <tr>
        <td>Poland</td>
        <td>India</td>
        <td>Kenya</td>
      </tr>
      <tr>
        <td>Italy</td>
        <td>Thailand</td>
        <td>Sudan</td>
      </tr>
    </table>
  </body>
</html>

Se me iba olvidando por completo el wrap-reverse, ese flex-wrap puede ser un poquito dificil de entender

flex-flow: column-reverse wrap-reverse;
justify-content: center;
align-items: center;
align-content: space-between;

Me costó bastante el ultimo pero se pudo

Ejercicio de FlexBox Froggy


Tarde mucho pero por fin logre el ultimo ejercicio :slight_smile:


muy divertido el ejercicio, si se utiliza flex-flow se puede terminar en 3 líneas de codigo.

Buenos días,

muy bien explicado

image