Mengubah footer menjadi 2 kolom di smartphone

Misi master, bagaimana cara mengubah tampilan footer menjadi tampil 2 kolom pada smartphone seperti contoh footer sekolahkoding.com ini. Saya memakai WordPress, Apa harus merubah scrip atau hanya css, mohon di bantu sekalian kode nya ya..

avatar ZulMutuwah
@ZulMutuwah

1 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

3 Jawaban:

dirubah css nya aja bro

avatar sptndc
@sptndc

247 Kontribusi 59 Poin

Dipost 6 tahun yang lalu

di koding sama css nya juga gan, kalau dikoding tambahkan class sm-6

kalau di css nya tambahkan aja media screen untuk smartphone

avatar thomsonmail
@thomsonmail

126 Kontribusi 25 Poin

Dipost 6 tahun yang lalu

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

//Css
.container {
  display: inline-block;
  width: 100%
}
.left {
  width: 50%;
  display: block;
  float: left;
}
.right {
  width: 50%;
  display: block;
  float: right;
}

Semoga itu dapat menjawab.

avatar Septemberkid
@Septemberkid

59 Kontribusi 23 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban