Apply suggestions from code review

Co-authored-by: Albert Steppi <[email protected]>

Author: Carreau

docs/directives/try_examples.md

@@ -9,7 +9,7 @@ be plain and unadorned.
 
 Note that as starting JupyterLite can download a significant amount of data, and
 that the Jupyter interface is not optimized for mobile, the buttons will be
-hidden on mobile by default (screen width 430px or smaller). This can be
+hidden on mobile by default (screen width 480px or smaller). This can be
 changed by overwriting with custom CSS.
 
 

jupyterlite_sphinx/jupyterlite_sphinx.css

@@ -68,7 +68,7 @@
 
 
 /* we do not want the button to show on smaller screens (phones), as clicking
- * can download a lot of data, 430px, is the width of iPhone 14 pro max */
+ * can download a lot of data. 480px is a commonly used breakpoint to identify if a device is a smartphone.  */
 
 @media (max-width: 480px), (max-height: 480px) {
   div.try_examples_button_container {