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

    Flexbox practice

    .09 May, 2025

    First

    Second

    Third

    Fourth

    Fifth

    Sixth

    Seventh

    Eigth

    Nine

    Ten

    <!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
    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