i can;t fix the image

i wanna put image on the center(on mobile view)i need help can somebody help me please

1 Reply

 .portfolio {
      display: grid;
    }
    .portfolio-content {
      grid-template-columns: 1fr, 1fr;
      gap: 90px;
    }
    .portfolio-card {
      overflow-x: hidden;
      display: block;
      grid-template-columns: 1fr 1fr;
    }
    .portfolio-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
    }

 .portfolio {
      display: grid;
    }
    .portfolio-content {
      grid-template-columns: 1fr, 1fr;
      gap: 90px;
    }
    .portfolio-card {
      overflow-x: hidden;
      display: block;
      grid-template-columns: 1fr 1fr;
    }
    .portfolio-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80%;
    }

this is the code image is on this div (.portfolio-img)

Gaming

Programming

i can;t fix the image