Four breakpoints
Desktop, tablet, landscape and mobile each get their own styles.
04 / 15
Every screen size,under your control.
Set styles for desktop, tablet, landscape and mobile, and preview the layout as you refine each breakpoint.
- Screen 1 of 1
Mobile breakpoint
A real look at responsive design in the builder. Scroll to explore.
- 01
Switch screen size
Desktop, tablet, landscape and mobile are one click away in the canvas toolbar.
- 02
The real mobile layout
The canvas renders your page at the selected width, so you edit what visitors will see.
- 03
Per-breakpoint styles
Desktop styles apply everywhere unless a smaller breakpoint overrides them.
Real screenshots of the Webyaam builder with a demo site.
01 What you get
Responsive design,
in detail.
Preview as you go
Switch the canvas between screen sizes while you design.
Per-block control
Adjust spacing, type and layout for one block on one screen size.
Clean output
Responsive styles ship as standard CSS in your Astro project.
Breakpoints
- Desktop
- Tablet
- Landscape
- Mobile
02 How it works
- 1
Design on desktop
Lay out the page at full width first.
- 2
Switch screens
Pick tablet, landscape or mobile on the canvas.
- 3
Refine
Override only what needs to change on that screen.
03 Keep exploring
Your next website starts here
Your next website,block by block.
Start free in the builder. Your first site gets a 7-day trial with Grow features, no credit card needed.