I'm currently working on a responsive cropping tool for multiple devices using cropperjs. Right now, I am estimating the viewport sizes for each bootstrap breakpoint but I need to determine the actual height in order to establish a ratio. You can view the grid width breakpoints here: https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss (lines 168-174)
In essence, I am seeking the viewport sizes for each breakpoint: sm, md, lg, xl. I have considered researching the most common device sizes (which may still be an option), but I prefer something that aligns with bootstrap's sizing standards. Thank you.
sm: {
width: 576px,
height: ...
}
md: {
width: 768px,
height: ...
}
lg: {
width: 992px,
height: ...
}
xl: {
width: 1200px
height: ...
}