DEV Community: subu hunter
https://dev.to/subu_hunter
A passionate web developer with a decade of experience in the industry. I love designing and building beautiful web and mobile apps, always with enriched user experiences in mind.
フィード

Build Stunning Responsive Card Tables with CSS4 & CSS5
DEV Community: subu hunter
Before diving into the blog, you might be wondering, "Did I just read CSS4 & CSS5?" Yes, you read that right. I'll provide more details about these at the end.Whenever I come across a table design while building a web page, I'll quickly inform my designer/Client. Please don't expect a good user experience in mobile view or in small device viewport size.After a couple of years, One of my friends did a cool trick of completely removing default table styles on mobile by giving display: block to all the elements inside a table and then hiding the table header, and then creating a border for each table row and give it a fixed width or 100% width.This is how the CSS will look likeBelow is the table in desktop view (A regular generic table)This is how you can expect the table to respond on mobile.And this is how I've been handling table design in mobile view for the next 2 years. It was during late December of 2022, I was bored and was browsing for some New CSS updates and then I stumbled upo
10ヶ月前