Tag: Responsive
![Responsive Screen Sizes [ ** ] [*] []](https://i0.wp.com/webdevpuneet.com/wp-content/uploads/2024/08/responsive-screen-sizes.png?resize=762%2C675&ssl=1)
CSS
2k – 2560 x 1290 Full HD – 1920 x 930 Laptop – 1366 x 625 Mac Laptop – 1437 x 813 Mac Laptop – 1920 x 1200 Small Laptop – 1280 x 580 Chrome Example
CSS, JavaScript
I used fitty to create responsive text that fits inside it’s parent container perfectly. Fitty Scales up (or down) text so it fits perfectly to its parent container. Ideal for flexible and responsive websites. Here is the demo. DEMO See the Pen SVG Icons –...
CSS
Here is a simple technique to create responsive shapes like a square, circle or rectangle (maintaining it’s aspect ratio) with the help of CSS only. DEMO See the Pen Responsive Square with CSS by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div...
CSS
Hey, you can create responsive YouTube videos with the help of CSS only and maintain its aspect ratio without needing any third-party JavaScript library. The easiest and quickest way to do it is with the following CSS. HTML <div class=”container”>...
Misc
The following layout is built with HTML, CSS, jQuery, Bootstrap (included), Font awesome 5. You can also see a loading gif icon being loaded every time the page reloads. Demo Open demo in a full window –...
Blog