search

visionary-be / visionary-website

Site de visionary
GNU General Public License v3.0
2 stars 0 forks source link

Mobile ready #8

Closed exibit closed 7 years ago

pixeline commented 7 years ago

Effectivement. Je ne sais pas si cela te parle, mais moi je fais souvent ainsi, dans une démarche mobile-first: j' @import un fichier qui overwrite les propriétés à l'intérieur de media queries dans app.scss.

Un petit schéma, une fois, dis.


app.scss
L @import "base"; <-- smallest screens
L @media mobile
           L @import "mobile";  <!-- mobile up to 768 (par ex.)
L @media tablet
          L @import "tablet";
...

Mais tu préfères peut-être intégrer le responsive à l'intérieur des sélecteurs, fais comme tu sens.
exibit commented 7 years ago

Je pensais effectivement attaquer les sélecteur un a un.

exibit commented 7 years ago

Il reste quelques petits ajustements. Principalement sur la partie "guide" car j'ai forcé la hauteur en desktop de la zone de contenu (il faudrait débrailler ce comportement en mobile). Peut-être aussi quelques tailles de typo. C'est presque OK pour moi.