Évaluation pour mise en page disposition grille 1

fenosoaliva_ratovoson · February 24, 2023, 6:45am

bonjour @mikoMK! comment-allez vous? je souhaiterai être évaluer sur la disposition en grille merci beaucoup

Fenosoaliva/Fenosoa.github.io/blob/main/gridtask/grid1.html

<!DOCTYPE html>

<html lang="en">

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />

    <title>Grid: task 1</title>

    <link rel="stylesheet" href="../styles.css">

    <style>
      body {
        background-color: #fff;
        color: #333;
        font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
        padding: 1em;
        margin: 0;
      }

This file has been truncated. show original

mikoMK · March 1, 2023, 4:22pm

Hi @fenosoaliva_ratovoson

I will give you feedback to all four grid tasks here. For the future it’s okay to put all task links from one exercise into one post.

Congratulations. Well solved!

Task 1: Correct.
Task 2: Mostly correct. You don’t need display: grid; on the items, since they are only Grid items and not Grid containers.
There’s also a shorthand method that is a bit shorter:
```
.item1 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}

.item2 {
  grid-column: 2 / 4;
  grid-row: 2 / 4;
}
```
Task 3: Correct.
Task 4: Correct. Maybe also add flex-wrap: wrap; to .tags so they neatly wrap on smaller displays.

See you and have a nice day,
Michael

fenosoaliva_ratovoson · March 2, 2023, 5:05am

bonjour @mikoMK! héhéhé tu as raison cela ferait moins de travail, merci pour avoir corriger mes exercices bonne journée