كود ستايل سطرين لجوال

مشاهدات الان

يستخدم في حركه التصفح لجوالات

/* للجوال فقط */

@media(max-width:768px){

    .grid-row {

        display: flex;

        flex-wrap: wrap;

        gap: 10px;

        justify-content: center;

    }

    .grid-col {

        flex: 1 1 calc(50% - 10px); /* عمودين لكل سطر */

        max-width: calc(50% - 10px);

        margin-bottom: 10px;

    }

}

@media (max-width:768px){

  main{

    display:grid;

    grid-template-columns:1fr 1fr; /* 🔥 كرتين جنب بعض */

    gap:10px;

  }

  .card{

    width:100%;

    max-width:100%;

  }

}

وسلامتكم

Share on Google Plus

صاحب المدونه : صفحات هايف

اهلا وسهلا فيكم معنا بالمدونه البسيطه ""