{"id":2874,"date":"2023-04-28T17:44:03","date_gmt":"2023-04-28T20:44:03","guid":{"rendered":"https:\/\/nocodestartup.io\/?p=2874"},"modified":"2025-12-11T11:32:24","modified_gmt":"2025-12-11T14:32:24","slug":"bubble-responsiveness-2","status":"publish","type":"post","link":"https:\/\/nocodestartup.io\/en\/bubble-responsiveness-2\/","title":{"rendered":"Responsiveness Bubble io and Responsive Design | bubble io tutorial"},"content":{"rendered":"<p>Responsiveness Tutorial<a href=\"https:\/\/nocodestartup.io\/en\/bubble\/\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>bubble io<\/strong><\/a>, learn all about responsive design in Bubble io and how to make the most diverse types of apps functional for both desktops and mobile phones.<\/p>\n\n\n\n<p>In this video we will explore all the tools provided by Bubble io to make our systems responsive. We&#039;ll explore layout types, talk about spacing and conditionals. <\/p>\n\n\n\n<p>Bubble io&#039;s responsiveness engine gives us enormous flexibility to create any kind of design we want for our applications and systems, but many may have difficulties when using it for the first time.<\/p>\n\n\n\n<p>So be sure to check out this Bubble io Responsiveness tutorial in its entirety.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-incorporar-manipulador wp-block-embed-incorporar-manipulador wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Master Responsiveness in Bubble io | Bubble Responsive Design\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/8CXCRcNSkFY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Currently, virtually every website, app, system that we access through our browser on the computer also allows us to have a good experience when we access this same website through our cell phone.<\/p>\n\n\n\n<p>What makes it possible for us to view the same site on different devices with different screen sizes is responsiveness.<\/p>\n\n\n\n<p>Meet our <strong><a href=\"https:\/\/go.nocodestartup.io\/lead\/curso-gratuito-bubble-blog-siteproprio?bg_source=blog&amp;bg_campaign=perpetuo&amp;bg_medium=social&amp;bg_term=texto&amp;bg_content=responsividade-bubble\" target=\"_blank\" rel=\"noreferrer noopener\">bubble io course<\/a><\/strong> free and start your journey on the right foot.<\/p>\n\n\n\n<p>For those who wish to evolve and go further, check out our <strong><a href=\"https:\/\/go.nocodestartup.io\/campaign\/formacao-bubble-blogsiteproprio?utm_source=blog&amp;utm_campaign=perpetuo&amp;utm_medium=social&amp;utm_term=texto&amp;utm_content=responsividade-bubble\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Complete formation in Bubble io<\/a><\/strong> No-Code Start-Up<\/p>\n\n\n\n<p>Be sure to check out all our content on our <strong>Youtube channel No-Code Start-Up<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.youtube.com\/@nocodestartup\" target=\"_blank\" rel=\" noreferrer noopener nofollow\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/04\/nocode-startup\u200b-canal-no-youtube-1024x563.webp\" alt=\"nocode startup\u200b youtube channel\" class=\"wp-image-23049\" srcset=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/04\/nocode-startup\u200b-canal-no-youtube-1024x563.webp 1024w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/04\/nocode-startup\u200b-canal-no-youtube-768x422.webp 768w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/04\/nocode-startup\u200b-canal-no-youtube-18x10.webp 18w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/04\/nocode-startup\u200b-canal-no-youtube-150x82.webp 150w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/04\/nocode-startup\u200b-canal-no-youtube.webp 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>Bubble io Responsiveness Tutorial, learn all about responsive design in Bubble io and how to make the most diverse types of apps functional for both desktops and mobile phones.<\/p>","protected":false},"author":4,"featured_media":2881,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"post_folder":[],"class_list":["post-2874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-no-code"],"acf":[],"_links":{"self":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/posts\/2874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/comments?post=2874"}],"version-history":[{"count":0,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/posts\/2874\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media\/2881"}],"wp:attachment":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media?parent=2874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/categories?post=2874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/tags?post=2874"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/post_folder?post=2874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}