[gitec] Ajuda CSS

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


Ah, e lembre-se que você está limitando para visualizar apenas entre 320
até 480px, retire a parte


and (min-width: 320px)


do código.
--
Zeno Sbardelotto Junior
Desenvolvedor Front-end - Visãoi Sistemas Web
zeno em visaoi.com.br - (51) 3011-7001


Em seg, 29 de jan de 2018 às 08:51, Zeno - Visãoi <zeno em visaoi.com.br>
escreveu:

> 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/1fdc109e/attachment.html>


Mais detalhes sobre a lista de discussão GITEC