index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Random Meal from TheMealDB</title>
  </head>
  <body>
    <center>
      <h1>Random Meal from TheMealDB</h1>
      <div
        id="meal-details"
        style="
          width: 65%;
          padding: 4px;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          transition: 0.3s;
        "
      ></div>
    </center>

    <script src="main.js"></script>
  </body>
</html>