minor #1729 [Site] Fix InfiniteScroll demo (smnandre)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[Site] Fix InfiniteScroll demo

Fix multiple small visual bugs on Safari iOS

Commits
-------

3080979 [Site] Fix InfiniteScroll demo

Author: kbond

ux.symfony.com/assets/styles/components/_Browser.scss

@@ -87,6 +87,7 @@
   box-shadow: 0 0 0 1px #070707;
   display: grid;
   place-content: center;
+  padding: 0;
 }
 
 .Browser__dot span {

ux.symfony.com/assets/styles/components/_ProductGrid.scss

@@ -6,6 +6,15 @@
   --item-ratio: 1;
   --grid-columns: 5;
 }
+@media screen and (max-width: 768px) {
+  .ProductGrid {
+    --grid-columns: 2;
+  }
+}
+
+.ProductGrid__inner {
+  padding: min(4%, 1.5rem);
+}
 
 .ProductGrid_page {
   display: grid;

ux.symfony.com/templates/components/PrevNextDemo.html.twig

@@ -1,6 +1,6 @@
 
 <div class="container-fluid container-xxl p-4 p-md-5">
-    <div style="display: flex; justify-content: space-between;gap: 3rem; flex-wrap: wrap;">
+    <div style="display: flex; gap: 3rem; flex-wrap: wrap;" class="justify-content-center justify-content-lg-between">
         {% set previous = this.previous(true) %}
         {% if previous %}
             <div style="max-width: 320px;--bs-secondary-bg-subtle: var(--bs-dark-bg-subtle);">

ux.symfony.com/templates/demos/live_component/infinite_scroll.html.twig

@@ -18,7 +18,6 @@
     <div class="container container-xl mb-5">
         <twig:Browser
             url="/foo"
-            style="width: 80%;"
             class="shadow-blur shadow-blur--rainbow"
         >
             <twig:ProductGrid />