The latest articles on DEV Community by Mukesh (@mukesh_tech_46). https://dev.to/mukesh_tech_46 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4117902%2F533e39b9-2f2b-4062-8d4e-c275abae535b.png https://dev.to/mukesh_tech_46 en Mukesh Thu, 17 Sep 2026 17:23:13 +0000 https://dev.to/mukesh_tech_46/what-is-flex-in-css-and-how-its-works--3680 https://dev.to/mukesh_tech_46/what-is-flex-in-css-and-how-its-works--3680 <p>*<em>Flex<br> *</em><br> Flex in css is an one-dimensional model, used to distribute </p> <p>space and align items inside a container.</p> <p>Using (display: flex) you can declare flex in the container, Usually</p> <p>by default flex direction points to row , we can also change it to </p> <p>column by using (flex-direction) . </p> <p>We can distribute space and align items by using (justify-content).</p> <p>For, </p> <ol> <li><p>main-axis : justify-content. </p></li> <li><p>cross-axis: align-items.</p></li> </ol> <p><strong>Flex-direction: row.</strong></p> <ol> <li><p>Justify-content (Main-axis): Horizontal (left to right).</p></li> <li><p>Align-items (cross-axis): vertical (top to bottom).</p></li> </ol> <p><strong>Flex-direction: column.</strong></p> <ol> <li><p>Justify-content (main-axis): vertical(top to bottom).</p></li> <li><p>Align-items (cross-axis): horizontal(left to right).</p></li> </ol> webdev programming beginners learning Mukesh Wed, 16 Sep 2026 18:18:42 +0000 https://dev.to/mukesh_tech_46/difference-between-inline-element-and-block-level-element-in-html-303e https://dev.to/mukesh_tech_46/difference-between-inline-element-and-block-level-element-in-html-303e <p>****Block-level element</p> <ul> <li><p>A block-level element always starts on a new line.</p></li> <li><p>You can modify the width, height, padding and marging using css.</p></li> <li><p>They contain other block-level and inline element.</p></li> </ul> <p>****Inline element </p> <ul> <li><p>An Inline element doesn't start on a new line.</p></li> <li><p>By default, you cannot set a fixed width or height on an inline element.</p></li> <li><p>They only contain text or other inline element but not block-level element.</p></li> </ul>