Table of contents
    First
    Second
    Third
    Fourth
    Fifth
    Sixth
    Seventh
    Eigth
    Nine
    Ten
    Flexbox practice

    Flexbox practice

    .23 Jun, 2025

    First

    Second

    Third

    Fourth

    Fifth

    Sixth

    Seventh

    Eigth

    Nine

    Ten

    Abhimanyu
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox
    <!DOCTYPE html>
<html>

<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
  <link rel="stylesheet" href="/solution.css" />
</head>

<body>
  <p>Initial</p>
  <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>


  <p>Final</p>
  <div id="final-parent">
    <div class="final-child"></div>
    <div class="final-child"></div>
    <div class="final-child"></div>
  </div>
</body>

</html>
    Open on CodeSandboxOpen Sandbox