Responsive Website Sizes?

Out of context: Reply #16

  • Started
  • Last post
  • 18 Responses
  • dbloc2

    We use quite a few, but as previously stated it depends on your content and how it breaks.

    $screen-xs: 350px; // Your phone is too small...
    $screen-sm: 640px; // iPhone
    $screen-md: 768px; // iPad
    $mq-md-lg: 845px;
    $screen-lg: 1024px; // Laptop
    $screen-xlg: 1248px; // Desktop
    $mq-xxlg: 1500px;

    dbloc 2Permalink
    UpvoteDownvote
    Flag
    • too manyplash
    • this is what makes web design so time consuming, if you want to have complete control over your design.hotroddy
    • I don't necessarily use all of them all the time. These are the sizes that we have come up with over time.. They work great for us.dbloc
    • $screen-md is where the majority of the breaks take place.dbloc
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread