Convert px to vw/vh. Viewport units. For responsive design. Assumes 1920x1080.
Convert px to vw/vh. Viewport units. For responsive design. Assumes 1920x1080.
Category: Designtools • Free online tool • No signup required
Tools die je misschien nodig hebt
Convert pixels to rem. Custom base font size. For responsive typography.
DesigntoolsConvert em to pixels. Custom base. For typography and layout.
DesigntoolsConvert between px, pt, em, rem, %, vw. All font size units. For typography.
DesigntoolsCalculate line-height from font size and multiplier. For typography and readability.
DesigntoolsCalculate letter-spacing in em from px. For typography and design.
DesigntoolsVisual aspect ratio calculator with width/height inputs, common presets (16:9, 4:3, 1:1), device presets (iPhone, MacBook, 4K), and CSS aspect-ratio output.
Designtools@media (min-width: 640px) {
/* sm */
}
@media (min-width: 768px) {
/* md */
}
@media (min-width: 1024px) {
/* lg */
}
@media (min-width: 1280px) {
/* xl */
}
@media (min-width: 1536px) {
/* 2xl */
}@include breakpoint(sm) {
/* your styles */
}
@include breakpoint(md) {
/* your styles */
}
@include breakpoint(lg) {
/* your styles */
}
@include breakpoint(xl) {
/* your styles */
}
@include breakpoint(2xl) {
/* your styles */
}// tailwind.config.js
module.exports = {
theme: {
extend: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
2xl: '1536px'
}
}
}
}