Summary

Layouts are the foundation of any page, and styles can give life to your projects. Mastering both areas inside Bubble is the recipe for a successful project that considers the best design and user experience techniques, making it a pleasant experience for the users navigating your product.

In this chapter, you learned valuable lessons and techniques and how to play with the most important areas of the Bubble editor so that you can configure your layouts. You also learned about grids and how every setting can expose new options for you to define your groups and other elements exactly the way you want, giving you the flexibility to build pretty much anything with no code visually. You also learned how to style elements, where to locate the settings you need to customize every component available, create new styles, edit and manage them, and how you can create and use variables that connect with styles to help you save time and stay more organized and consistent while designing...