Tip 1: Use more Blocks / Sections on a page

Do not put all texts and images into one Block (Section). A web page is a set of horizontal rows of content called Blocks or Sections. Your pages can have 10 and more Blocks. Watch demo how to use Blocks Sections).

sections.jpg

Tip 2: Add Containers and Grids to your Blocks

Do not add texts to a block. Place texts in Containers and Grids. Watch demos how to use Containers and Grids.

containers.jpg

Containers and Grids are mobile-friendly. Cells move one under another automatically. Watch demo how to build Responsive web pages.

reponsive.jpg

Tip 3: Use Alignment in Containers and Cells

Alignment makes design mobile-friendly. Alignment helps to auto-adjust content.

alignment.jpg

Also: Watch Video Tutorials

##Tip 1: Use more Blocks / Sections on a page **Do not put all texts and images into one Block (Section).** A web page is a set of horizontal rows of content called Blocks or Sections. Your pages can have 10 and more Blocks. Watch demo [how to use Blocks Sections)](/doc/article/18664/). !sections.jpg! ##Tip 2: Add Containers and Grids to your Blocks **Do not add texts to a block.** Place texts in Containers and Grids. Watch demos how to use [Containers](/doc/article/13180/) and [Grids](/doc/article/17389/). !containers.jpg! **Containers and Grids are mobile-friendly.** Cells move one under another automatically. Watch demo how to build [Responsive](/doc/article/5249/) web pages. !reponsive.jpg! ##Tip 3: Use Alignment in Containers and Cells **Alignment makes design mobile-friendly.** Alignment helps to auto-adjust content. !alignment.jpg! ##Also: Watch Video Tutorials - [How to Make Responsive Websites](/doc/article/5249/) - [How to Use Blocks (Sections)](/doc/article/18664/) - [How to Use Grids](/doc/article/17389/) - [How to Use Containers](/doc/article/13180/) - [All Tutorials](/doc/article/1318/video-tutorials)