probleme responsive gavick ( gkrating )

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] probleme responsive gavick ( gkrating )

    bonjour .
    je bloque sur un problème sur un élément responsive
    voici la démo
    https://www.gavick.com/forums/news2-...e-layout-53705

    et le site
    https://www.megaforcetv.fr/index.php...professionnels

    en version pc aucuns problemes . en version mobile j arrive a séparer la note principale des autres avec un peu de css comme dans le fichier ci joint
    @media(max-width:576px){
    }
    .gk-review-sum{
    width:100%;
    padding-left: 0;
    }
    .gk-review-sum +.gk-review-partials{
    width: 100%;
    padding-left: 0;
    display: inline-block;
    }

    . mais impossible de séparer les autres notes . elles restent sur la même ligne . je souhaiterais les avoir en 2 comme dans la demo .
    je ne sais pas si je suis sur la bonne voix mais je bloque .

    si vous pourriez m aider soit sur cette partie , soit sur un réglage que j aurais oublier dans les paramètres .

    merci d avance .

    bon noël a tous
    Fichiers joints
    Dernière édition par jo.jo.jo à 24/12/2019, 18h49

  • #2
    en regarde vite fait j'ai remarquer deja que tes images on des dimension en px ... ce qui peut empecher ton design de s'adapter

    ajoute sa a ton css :

    img{

    max-width:100%;

    height:auto;

    }

    cette fonction a un petit soucis de compatibilité avec ie 6 et 7 il me semble mais il existe un hack faut juste remettre la main dessus et je te le partage.

    si je peux te donner un dernier conseil il existe de tres bonne grilles toutes pretes comme skeleton cssgrid fluidbaselinegrid










    https://pull-noel.com/ bougie bijou telim.fr
    Dernière édition par nate9595 à 26/08/2022, 20h36

    Commentaire

    Annonce

    Réduire
    Aucune annonce pour le moment.

    Partenaire de l'association

    Réduire

    Hébergeur Web PlanetHoster
    Travaille ...
    X