Header Ads

Cards Layout com CSS Grid (Sem Media Queries) em 2min

 Ã‰ possível fazer layouts incríveis com CSS Grid. Aprenda a fazer um Cards Layout responsivo sem usar media queries!

Ninguém nega que media queries são um dos pilares de web design responsivo. Mas elas foram criadas para mudar o layout e fazê-lo se adaptar em determinadas situações. Com a evolução da tecnologia das CSS, algumas soluções vêm chegando para facilitar ainda mais o desenvolvimento front end. Uma delas, inegavelmente, é CSS Grid, que é o único e verdadeiro sistema de layouts para a Web. Não que media queries sejam dispensáveis, mas, hoje, é possível se chegar a resultados surpreendentes com as novas tecnologias. Por exemplo, desenvolver um Cards Layout com CSS Grid sem usar media queries! Sim, usando de alguns conceitos e macetinhos de CSS Grid, é possível fazer layouts responsivos sem usar media queries, como esse layout de cartões responsivo. E é exatamente uma dessas possibilidades que mostramos neste vídeo: como se chegar a um layout de cards responsivo com CSS Grid sem usar media queries.

Nenhum comentário