Skip to content
The Chat Archive
Sign in
gpt-3.5-turbo-0301· OpenAI WildChat-4.8M (AI2)

Ciao.Ti do il codice css del mio blog,me lo riscrivi a modo tuo rendendolo piu’ bello e…

  1. User

    Ciao.Ti do il codice css del mio blog,me lo riscrivi a modo tuo rendendolo piu’ bello e responsive e mantenendo le nomenclature ? il codice : body.item-view .PopularPosts{ margin-startSide:140px } body.item-view .PopularPosts .widget-content>ul{ padding-left:0 } body.item-view .PopularPosts .widget-content>ul>li{ display:block } body.item-view .PopularPosts .post-content{ margin-endSide:76px; max-width:664px } body.item-view .PopularPosts .post:not(:last-child){ margin-bottom:85px } body.item-view .post-body-container img{ height:auto; max-width:100% } body.item-view .PopularPosts>.title{ color:(item.subtitle.color);font:(item.subtitle.color); font:(item.subtitle.font); margin-bottom:36px }

  2. Assistant

    Ecco il codice css reso responsive e riscritto a modo mio:

    /* Sezione Popular Posts */ .PopularPosts { margin-left: 140px; }

    .PopularPosts .widget-content > ul { padding-left: 0; }

    .PopularPosts .widget-content > ul > li { display: block; }

    .PopularPosts .post-content { margin-right: 76px; max-width: 664px; }

    .PopularPosts .post:not(:last-child) { margin-bottom: 85px; }

    .post-body-container img { height: auto; max-width: 100%; }

    .PopularPosts .title { color: (item.subtitle.color);font:(item.subtitle.color); font: (item.subtitle.font); margin-bottom: 36px; }

    /* Responsive */ @media screen and (max-width: 767px) { .PopularPosts { margin-left: 0; }

    .PopularPosts .post-content {
    margin-right: 0;
    max-width: 100%;
}

.post:not(:last-child) {
    margin-bottom: 40px;
}

    }

    Spero che questa versione ti piaccia! Ho mantenuto le nomenclature originali e ho reso il codice responsive, per una visualizzazione ottimale sia su desktop che su dispositivi mobile.