Design mobile

Salut,

Je vous présente mon design pour smartphone. Je me suis basé sur le tuto de Youdom.
Pour les modes de chauffage j’ai suivi ce post
Et pour la consigne de thermostat c’est ce post
image

Et le code CSS de mon code (surement pas optimisé…)



  <div style="overflow:hidden; 
              width:100%;
              box-shadow: 0px 0px 3px 3px rgba(255,255,255,0.5);
              background-color: rgba(0,0,0,0.3);
              border-radius:10px"> 
    
    <div align=center style="width:100px;
                height:40px;
                border-radius:10px 0px 10px 0px;
                float:left;
                color:rgba(255,255,255,1);
                font-size:18px;
                background-color: rgba(0,0,0,0.7);
                padding-top:5px;
                font-family:Arial;
                font-weight:normal;">Chambre</div>
 
    <!-- height est la hauteur de ma boite-->
    <div style="width: 190px;
                height:100px;
                float:left;"></div>
    
        <div align=center style="width:80px;
                height:40px;
                border-radius:0px 10px 0px 10px;
                float:right;
                background-color: rgba(0,0,0,0.7);"></div>
  </div>



7 J'aimes

Merci du partage :slight_smile:
J’ai vu ton poste sur Facebook ;).

Hello et bienvenu ici