Webflow sync, pageviews & more.
NEW

How can I find specific sizes in the Webflow University to advise the dev?

TL;DR
  • Search Webflow University for size guidelines using keywords like “image size” or “container width.”
  • Inspect elements in Webflow Designer via the Style panel for applied dimensions.
  • View the Assets Panel to check image resolutions and ensure they meet Webflow’s recommendations.
  • Review Webflow’s responsive breakpoints (Desktop, Tablet, Mobile) to adjust sizes accordingly.
  • Check Webflow Forums for community discussions on ideal element sizes.

You can find specific size guidelines for Webflow components, images, and other elements within Webflow University by following these steps.

1. Search Webflow University

  • Go to Webflow University.
  • Use the search bar and enter terms like “image size,” “container width,” or “breakpoints.”
  • Look for articles that provide official Webflow recommendations.

2. Check the Webflow Designer

  • Open Webflow Designer and inspect the element’s Style panel for width, height, and margin settings.
  • Click on individual elements (e.g., images, containers) to check their default or applied dimensions.

3. View Asset Panel for Image Sizes

  • Go to Assets Panel in Designer and hover over an image to see its resolution.
  • Ensure your images meet Webflow’s recommended dimensions (e.g., background images should be at least 2000px wide for full-screen use).

4. Reference Webflow’s Responsive Breakpoints

  • Webflow uses the following standard breakpoints:
  • Desktop: 992px and up
  • Tablet: 768px – 991px
  • Mobile Landscape: 480px – 767px
  • Mobile Portrait: Up to 479px
  • Designers should adjust element sizes within these breakpoints as needed.

5. Check Webflow Forums and Community

  • Visit the Webflow Forum (forum.webflow.com) for discussions on ideal element sizes.
  • Look for posts from other designers sharing their size recommendations.

Summary

To find size guidelines in Webflow University, use the search function, inspect elements in Webflow Designer, check the Assets Panel, and review Webflow’s responsive breakpoints. If needed, explore community discussions for additional real-world use cases.

Rate this answer

Other Webflow Questions