PR comments + support other viewports (#20)

Author: issackjohn

experimental/responsive-design/README.md

@@ -111,4 +111,4 @@ The app uses static data files located in the `src/data/` directory:
 
 ## Icons
 
-The icons used in this project are from [Heroicons](https://github.com/tailwindlabs/heroicons/blob/master/LICENSE).
+The icons used in this project are from [Heroicons](https://github.com/tailwindlabs/heroicons/blob/master/LICENSE).

experimental/responsive-design/dist/app.js

@@ -7,26 +7,38 @@
         <script type="module" src="app.js"></script>
         <!-- Preload links autogenerated by Rollup -->
         <link rel="preload" as="image" href="./public/images/5-healthy-smoothie.webp">
+        <link rel="preload" as="image" href="./public/images/beef-stroganoff.webp">
         <link rel="preload" as="image" href="./public/images/beef-tacos.webp">
         <link rel="preload" as="image" href="./public/images/best-comfort-food.webp">
         <link rel="preload" as="image" href="./public/images/bread-at-home.webp">
         <link rel="preload" as="image" href="./public/images/caesar-salad.webp">
         <link rel="preload" as="image" href="./public/images/chicken-alfredo.webp">
         <link rel="preload" as="image" href="./public/images/chocolate-cake.webp">
         <link rel="preload" as="image" href="./public/images/chocolate-chip-cookies.webp">
+        <link rel="preload" as="image" href="./public/images/fruit-salad.webp">
         <link rel="preload" as="image" href="./public/images/garlic-bread.webp">
+        <link rel="preload" as="image" href="./public/images/gluten-free-baking.webp">
         <link rel="preload" as="image" href="./public/images/greek-salad.webp">
         <link rel="preload" as="image" href="./public/images/homemade-pizza.webp">
         <link rel="preload" as="image" href="./public/images/icons-outline.webp">
         <link rel="preload" as="image" href="./public/images/lemon-drizzle-cake.webp">
+        <link rel="preload" as="image" href="./public/images/low-carb-desserts.webp">
         <link rel="preload" as="image" href="./public/images/margherita-pizza.webp">
         <link rel="preload" as="image" href="./public/images/mastering-art-of-french-cooking.webp">
         <link rel="preload" as="image" href="./public/images/meal-prepping.webp">
         <link rel="preload" as="image" href="./public/images/mediterranean-cuisine.webp">
         <link rel="preload" as="image" href="./public/images/pancakes.webp">
+        <link rel="preload" as="image" href="./public/images/plant-based-protein.webp">
+        <link rel="preload" as="image" href="./public/images/quinoa-stuffed-peppers.webp">
+        <link rel="preload" as="image" href="./public/images/ramen-noodles.webp">
+        <link rel="preload" as="image" href="./public/images/seasonal-salads.webp">
+        <link rel="preload" as="image" href="./public/images/shrimp-paella.webp">
         <link rel="preload" as="image" href="./public/images/spaghetti-carbonara.webp">
         <link rel="preload" as="image" href="./public/images/superfoods-you-should-include.webp">
+        <link rel="preload" as="image" href="./public/images/sushi-platter.webp">
+        <link rel="preload" as="image" href="./public/images/thai-green-curry.webp">
         <link rel="preload" as="image" href="./public/images/tomato-soup.webp">
+        <link rel="preload" as="image" href="./public/images/vegan-burger.webp">
         <link rel="preload" as="image" href="./public/images/vegan-desserts.webp">
         <link rel="preload" as="image" href="./public/images/vegetable-stir-fry.webp">
         <link rel="preload" as="image" href="./public/images/vegetarian-stir-fry.webp">