bbin电竞赛事博注官网
Discover fully designed sections and wireframes, all with built-in responsive behavior. Add them to any site to accelerate your creation flow, or use them as blueprints to learn how they were built.
Discover fully designed sections and wireframes, all with built-in responsive behavior. Add them to any site to accelerate your creation flow, or use them as blueprints to learn how they were built.
Let’s look at how to use designed sections on bbin电竞 .
This curated collection was crafted by designers to give you inspiration and to bootstrap your creation process. These fully designed sections are arranged by category from Welcome and About , to Products and Pricing . And down here you have wireframes which you can fill with custom content.
Let’s go to the About page. We already designed the first section by hand, but let’s finish it using a Wireframe and Designed Section .
First, we’ll add a basic wireframe.
Each of these sections was made using different tech with built-in responsive behavior.
You can see that this one uses a 1x2 grid for the layout, and a stack to control the vertical relationship between the text and button.
Learn more about these layout technologies in the grid and flexbox videos in this series.
Any section you add to your site can be broken apart and customized. For example, click Change Image to add one from your media library, click Edit Grid to adjust the layout, and type or paste in new text.
All designed sections automatically match your site colors. You can update any section’s background from the floating action bar. To change the entire color palette across all sections on your site, click outside the canvas, go to Background on the Inspector panel, click Change and choose a new palette. If for example you change this from dark to light, it will change on all sections in use and those in the add panel.
Let’s move on to the next section of our page.
This one was built using a Layouter which is ideal for a modular display of content that automatically adjusts across breakpoints.
Drag and drop the inner containers to rearrange the layout, and replace the images and text. To learn more about Layouters, watch the video in this series.
Designed Sections are a great way to practically understand different bbin电竞 technologies and to accelerate your creation process.
bbin电竞 is an advanced creation platform. To master it, continue watching this series of video tutorials.
NEXT VIDEOS

Workspace
Learn how to size and dock elements and work with advanced flexbox and CSS grid.

Workspace
Learn how to size and dock elements and work with advanced flexbox and CSS grid.

Workspace
Learn how to size and dock elements and work with advanced flexbox and CSS grid.

Workspace
Learn how to size and dock elements and work with advanced flexbox and CSS grid.
Did you find this resource helpful?
Thank you for your feedback!
Related learning resources.

LESSONS & EXERCISES
Single Images
Discover how to customize the size, position and behavior of images per breakpoint.

VIDEO LIBRARY
Sections
Learn how to add new sections, rearrange them and flip them to vertical.

VIDEO LIBRARY
Video & Decorative
Explore how to add and edit Transparent Videos, VideoBox and Vector Art.

LESSONS & EXERCISES
Sections
Learn how to work with sections—the building blocks of your site.

Ready to start creating?

Top searches
People are searching for
VIDEO LIBRARY
Introducing bbin电竞
Discover the bbin电竞 workspace. Get an introduction to your advanced layouting tools and an overview of responsive web design features like breakpoints, flexbox and CSS grid.
VIDEO LIBRARY
Getting Started
Learn the basics of creating a site on bbin电竞 . Get a step by step walkthrough covering the key features and capabilities.
LESSONS & EXERCISES
Hover Interactions
Design dynamic web experiences by adding a variety of interactions to any element on hover. Customize the interaction settings for every breakpoint, from transform adjustment to advanced design capabilities and timing control.