Saya bertanya, mohon sudi kiranya suhu2 disini menjawab :)

[obiekeben]

saya ada website, boleh bikin pihak ketiga, saya mau mengembangkan sendiri, nah saya kepingin tampilan web di desktop berbeda dengan di mobile,

ini websitenya

ini tampilan mobile

nah, tampilan mobilenya kepingin 2 grid atau 3 grid...
pertanyaannya?

1. apakah yang harus saya lakukan?
- apakah harus membuat html baru ?
- atau hanya css nya aja

apakah ada yang punya coding nya untuk tampilan 2 grid di mobile

terima kasih sebelumnya,

 

[Pesanhosting]

saya ada website, boleh bikin pihak ketiga, saya mau mengembangkan sendiri, nah saya kepingin tampilan web di desktop berbeda dengan di mobile,

ini websitenya

ini tampilan mobile

nah, tampilan mobilenya kepingin 2 grid atau 3 grid...
pertanyaannya?

1. apakah yang harus saya lakukan?
- apakah harus membuat html baru ?
- atau hanya css nya aja

apakah ada yang punya coding nya untuk tampilan 2 grid di mobile

terima kasih sebelumnya,

sepertinya script cssnya yg perlu diedit mas. Biasanya susunan struktur website dari file css. Dikomunikasikan saja dengan pihak ketiga mas

 

[kumbangasmara]

Btw salam kenal dlu utk mas @obiekeben .saya lihat kan pake bootstrap , mungkin bisa di utak atik aja colom nya referensi https://getbootstrap.com/docs/4.1/examples/grid/.

 

[obiekeben]

sepertinya script cssnya yg perlu diedit mas. Biasanya susunan struktur website dari file css. Dikomunikasikan saja dengan pihak ketiga mas

sudah mas, dan dia minta dana lagi, untuk edit tampilan mobile + apps suruh bayang di kisaran 80jt ++
kalo edit sendiri dan ada yang ngajarin kan bisa minimalisir budget..

 

[obiekeben]

Btw salam kenal dlu utk mas @obiekeben .saya lihat kan pake bootstrap , mungkin bisa di utak atik aja colom nya referensi https://getbootstrap.com/docs/4.1/examples/grid/.

oke mas, saya pelajari dulu

 

[Pesanhosting]

sudah mas, dan dia minta dana lagi, untuk edit tampilan mobile + apps suruh bayang di kisaran 80jt ++
kalo edit sendiri dan ada yang ngajarin kan bisa minimalisir budget..

mungkin ini bisa jadi tambahan ilmu dasar css buat mas
https://www.w3schools.com/css/css_grid.asp

 

[kumbangasmara]

kisaran 80jt ++

oke mas, saya pelajari dulu

Saya coba bantu ya mas....
coba mas ubah class coloum

<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

diubah menjadi

<div class="col-sm-4 col-xs-6">

maka tampilannya akan menjadi http://prntscr.com/jd2jok jika diakses dari mobile.
Semoga bisa membantu

 

[alexistdev]

coba cek mas apakah dia pakai bootstrap.css

klo iya brarti tinggal maenin aja grid nya:
seperti yang udah ditulis mas @kumbangasmara

nambahin sedikit :
col-xs- = utk small devices phone (<768px)
col-sm- = utk tablet (>= 768px)
col-md- = utk dekstop (>= 992px)
col-lg- = utk dekstop (>= 1200px)

1 layar full = 12 kolom
klo mau sepertiga layar ya brarti 12/3 = 4 penulisannya col-xs-4
tinggal diutak atik disitu.

 

[Habibillah]

nah, tampilan mobilenya kepingin 2 grid atau 3 grid...
pertanyaannya?

1. apakah yang harus saya lakukan?
- apakah harus membuat html baru ?
- atau hanya css nya aja

apakah ada yang punya coding nya untuk tampilan 2 grid di mobile

Maaf tuan, dari pertanyaan, kayaknya tuan newbe dalam hal ini. agak susah menjawab pertanyaan yang scopenya cukup luas. Saran saya sebaiknya cari freelancer. mungkin budget bisa ditekan hingga 5jt-an (bukan patokan ya). Jangan lupa minta sourcode fullnya ke vendor lama

 

[Busurhost]

Ga perlu buat html baru,
cukup css sudah bisa.

Saya biasanya pakai media queries.

contoh:
@media screen and (max-width: 768px) {
/* Code CSS untuk Mobile */
}