How can I find specific sizes in the Webflow University to advise the dev?
TL;DR
- Use Webflow University's search to find official articles on breakpoints, image sizes, and container widths.
- Note default sizes like desktop ≥992px, tablet 768–991px, mobile ≤767px, and container width of 940px.
- Refer to specific modules and inspect elements in the Webflow Designer for exact sizing details.
To find specific size values (like breakpoints, image dimensions, or layout guidelines) in Webflow University to advise a developer, follow these steps:
1. Use the Webflow University Search
- Go to Webflow University
- Use the search bar at the top and enter specific terms like:
- “Webflow breakpoints sizes”
- “Recommended image dimensions”
- “Container max width”
- Look for official lessons or articles that contain charts or exact pixel values.
2. Reference the Common Size Guidelines
- Webflow uses several default breakpoint widths, which are important to communicate:
- Desktop (base): ≥992px
- Tablet: 768–991px
- Mobile Landscape: 480–767px
- Mobile Portrait: ≤479px
- The container element in Webflow defaults to 940px max width on desktop, but this can be customized.
3. Use Specific Learning Modules
- Search for and refer developers to these useful articles:
- Breakpoints
- Webflow Image Guidelines (for image sizing)
- Container vs Div Block (for layout sizing)
4. Supplement with Designer Tool Tips
- If you have access to the Webflow Designer:
- Select an element and check the Style panel to see its current width, margin, padding, etc.
- Copy or screenshot those values to relay accurate sizing information to the developer.
Summary
To find specific sizing in Webflow University, use the search tool to locate articles on breakpoints, image sizing, or containers, and note default values like breakpoint widths and container max widths. You can also inspect these values directly in the Webflow Designer.