The latest articles on DEV Community by Preet (@preetkakkar). https://dev.to/preetkakkar https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1067528%2Fbd398b41-2291-4cf5-8d32-2d66498181ab.jpeg https://dev.to/preetkakkar en Preet Thu, 20 Apr 2023 07:12:42 +0000 https://dev.to/preetkakkar/responsive-css-flex-example-12lg https://dev.to/preetkakkar/responsive-css-flex-example-12lg <p>A simple way to create two columns and three columns using CSS flex option. It also shows an example of responsive styling of the columns.</p> <p>The flex CSS shorthand property makes it easier to design flexible responsive layout structure without using float or positioning.</p> <p>In first example there is a flex container with two flex items and in the second example there is a flex container with three flex items.</p> <p><iframe height="600" src="https://codepen.io/preetkakkar/embed/LYJaQyY?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> css html webdev codepen Preet Wed, 19 Apr 2023 05:25:34 +0000 https://dev.to/preetkakkar/simple-image-grid-image-gallery-4j28 https://dev.to/preetkakkar/simple-image-grid-image-gallery-4j28 <p><iframe height="600" src="https://codepen.io/preetkakkar/embed/VwEeVam?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen css beginners webdev