Screen sizes for responsive design
course
Screen sizes for responsive design

TrUV5Fw9PRXk

SaaS, Agency
26

min

About this course
Learn how to modify your desktop designs to ensure your sites look great across all types of devices. This course includes a series of videos that covers a number of different foundational topics including: what breakpoints are, how to switch between them in Duda's UI, foundational information about columns, layout considerations, how to hide specific sections on specific devices. This is the 4th course in a series of courses, however, this course can be taken by itself.
What you'll learn
  • Understand what breakpoints are and how they work
  • Switch between different breakpoints in the editor
  • Manipulate the layout and order elements are displayed in tablet and mobile versions of your sites
  • Hide sections on specific breakpoints to optimize user experience
Who should take this course?
Website builders, web designers, project managers and anyone else responsible for building pages with Duda.
Frequently asked questions

  • What are breakpoints in web design?

    Breakpoints are specific screen widths where your website's layout automatically adjusts to provide the best viewing experience. They tell the design when and how to adapt as the screen size changes—from desktop to tablet to mobile. Duda's Editor 2.0 makes working with breakpoints simple, allowing you to switch between device views and customize how your content displays on each screen size.

  • Can I take this course if I haven't completed the previous courses in the series?

    Yes! Although this is the 4th course in the "Build a Site with Editor 2.0" series, it can be taken independently if you're looking to gain a better understanding of how to design pages across different screen sizes.

  • Do I need to hide entire sections and rebuild them for mobile?

    No! One of the major benefits of Editor 2.0 is its flexibility in customizing layouts for each breakpoint, so you don't have to hide entire sections and rebuild them for different screen sizes. You can make targeted adjustments to individual elements, rearrange columns, and fine-tune spacing to ensure your site looks great on all devices.