{"id":1870862,"date":"2023-03-09T12:13:39","date_gmt":"2023-03-09T20:13:39","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1870862"},"modified":"2023-08-28T13:16:37","modified_gmt":"2023-08-28T20:16:37","slug":"exb-responsive-web-design","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/mapping\/exb-responsive-web-design","title":{"rendered":"Optimize an app layout for mobile in ArcGIS Experience Builder"},"author":289852,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[22951,42641,32331,25071,27911],"industry":[],"product":[400032],"class_list":["post-1870862","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-arcgis-content","tag-arcgis-online","tag-how-to","tag-learn-arcgis","tag-tutorial","product-experience-builder"],"acf":{"authors":[{"ID":289852,"user_firstname":"Thomas","user_lastname":"Coughlin","nickname":"Thomas Coughlin","user_nicename":"tcoughlin","display_name":"Thomas Coughlin","user_email":"tcoughlin@esri.com","user_url":"","user_registered":"2021-10-19 21:50:20","user_description":"Thomas writes about ArcGIS Experience Builder and ArcGIS Maps for Adobe Creative Cloud at Esri. He earned a degree in environmental science from the University of Massachusetts Amherst.","user_avatar":""}],"short_description":"Edit an app's layout for small screens in this new ArcGIS Experience Builder tutorial.","flexible_content":[{"acf_fc_layout":"content","content":"

Responsive web design is the practice of making websites adjust to fit the dimensions of any device or window. ArcGIS Experience Builder<\/a>, Esri’s web app builder, use automatic responsive design and offers tools for manually adjusting layouts for different screen sizes.<\/p>\n

You can practice using those tools in this new 30 minute tutorial, Optimize an app layout for mobile<\/a>.<\/p>\n"},{"acf_fc_layout":"storymap","title":"","description":"","static":false,"storymap_url":"https:\/\/learn.arcgis.com\/en\/projects\/optimize-an-app-layout-for-mobile\/<\/a>"},{"acf_fc_layout":"content","content":"

The goal is to adjust the home page of a park information app<\/a> for Great Smokey Mountains National Park to fit on a mobile screen.<\/p>\n

You’ll use all of the following features:<\/p>\n