Exercício: Ads Manager UI

[parkejunior]

Oii Yara, como vão as coisas? Tudo certo? Bora de exercício de CSS 😄

Dessa vez vamos copiar um UI que seria quase uma página completa de um ads manager também criado pela Ildiko Gaspar. Escolhi esse design para você exercitar tabelas e flexbox.

Note que a segunda linha está diferente pois ela está ativa por conta do cursor do mouse estar em cima. Não se esqueça de adicionar esse estado usando uma das pseudo-classes que já vimos antes.

Na logo da página há um ícone que é um pouco oval, então vetorizei ele:

Ver logo

Também vetorizei os ícones de lixeira e pesquisa para que você possa usar no seu exercício:

Ver icones

Não se esqueça de enviar o exercício quando finalizar via Pull Request. Isso é bem importante pois vou começar a revisar usando o próprio Github.

Nesse exercício você vai trabalhar com umas coisinhas novas como pseudo-class mas acredito que você vá conseguir sem problemas. Mas qualquer dúvida, não hesite em me chamar. Bom coding! 😎

Link: https://dribbble.com/shots/10735983-Ads-Manager-UI-Design