The latest articles on DEV Community by Vishnu Priya S (@vishnu_priya_suresh). https://dev.to/vishnu_priya_suresh 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%2F4126642%2F5f2f3033-e036-4d56-9482-ef9e6448c9e1.png https://dev.to/vishnu_priya_suresh en Vishnu Priya S Tue, 15 Sep 2026 18:09:19 +0000 https://dev.to/vishnu_priya_suresh/day-1-in-payilagam-40kn https://dev.to/vishnu_priya_suresh/day-1-in-payilagam-40kn <p>This is my first day of Payilagam where i learnt the new thing called *<em>table *</em><br> thead -- carries heading , we can have multiple head too. <br> tbody -- row value<br> tr-- stands for table row<br> th-- thead the browser understands it "Semantics", also it BOLD your text<br> td-- table data it display in a row format.</p> <p>eg: </p> <br><br><br><br><br><br><br><br><br><div class="table-wrapper-paragraph"><table> <thead> <tr> <th> Attendance</th> </tr> </thead> <tbody> <tr> <td> Vishnu </td> </tr> </tbody> </table></div> <p>In CSS:</p> <p>text-transform -- where you can captialize or lowercase your content.<br> border-collapse: collapse; -- the two column table sharing the one border.<br><br> <a class="mentioned-user" href="https://dev.to/media">@media</a> query -- used for responsive website<br> <a class="mentioned-user" href="https://dev.to/media">@media</a> (min-width:768px;) -- when you minimize your screen in 768px the inner changes will appear. </p> learning frontend css