[gitec] Ajuda CSS

Zeno - Visãoi zeno em visaoi.com.br
Segunda Janeiro 29 08:51:24 BRST 2018


Bom dia!

Analisando a versão mobile, o máximo de itens que eu acredito que não
ficaria ruim, são 4 itens. Dessa forma, com o seguinte código já é possível
obter algum resultado satisfatório:

@media only screen and (max-width: 480px) and (min-width: 320px) {
.presidente {
        width: 25%;
        float: unset;
        display: inline-block;
    }

}


Faça os testes e verifique.

Qualquer dúvida, estou à disposição.
--
Zeno Sbardelotto Junior
Desenvolvedor Front-end - Visãoi Sistemas Web
zeno em visaoi.com.br - (51) 3011-7001


Em dom, 28 de jan de 2018 às 11:12, Adriano <camaramg2 em gmail.com> escreveu:

> Bom dia,
>
> Tem como configurar para que a página abaixo seja exibida na versão mobile
> com cinco parlamentares por linha?* (Da mesma forma que aparece na versão
> desktop).*
>
> https://www.careacu.mg.leg.br/institucional/presidentes
>
> Atualmente o css está assim:
>>
> /********** Presidentes **********/
>
> .presidentes { display: table; }
>
> .presidente {
>
>   float: left; width: 20%;
>
>   text-align: center;
>
> }
>
> ​Obrigado.
> --
> Adriano de Castro
> www.careacu.mg.leg.br
> --
> Histórico do grupo:
> http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec
>
> Regras de participação:
> http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade
>
> Para administrar ou excluir sua conta visite:
> https://listas.interlegis.gov.br/mailman/listinfo/gitec
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20180129/9eb7a99c/attachment.html>


Mais detalhes sobre a lista de discussão GITEC