APA ITU FLEXBOX? | Bagian 1 - Pendahuluan

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

ความคิดเห็น • 300

  • @mjazulicmiiw
    @mjazulicmiiw ปีที่แล้ว +26

    Container harus dikasik setting display: flex;
    Flex-direction : mengatur arah elemen dalam container, apakah dari kiri kekanan atau sebalinya, atau dari atas ke bawah atau sebaliknya
    Flex-wrap: mengatur elemen agar memindahkan elemen ke bawahnya atau sebaliknya, jika containernya tidak muat
    Justify-content : ngatur rata item secara horizontal
    align-items : ngatur rata item secara vertikal
    Flex-grow: mengatur ukuran elemen mengikuti container
    align-self: properti mengatur satu elemen dalam satu baris

  • @Wilydesu
    @Wilydesu 2 ปีที่แล้ว +85

    15:28 flex direction
    16:58 flex wrap
    18:52 justify content
    21:09 align items
    23:55 align content
    24:34 order
    26:09 flex
    29:11 align self

  • @padma_santika
    @padma_santika 4 ปีที่แล้ว +55

    biasanya saya nyari tutor dari orang luar, tapi setelah ketemu video ini saya baru sadar ternyata ada produk dalam negeri yang lebih bagus hehe
    pembahasannya lengkap dan mudah dimengerti, ditunggu video2 selanjutnya. thanks

  • @satriyoginanjar3568
    @satriyoginanjar3568 5 ปีที่แล้ว +22

    Ilmu yg bermanfaat, saya backend merasa sangat terbantu krn jarang ngulik css , makasi bapake

  • @gilangardian4732
    @gilangardian4732 3 ปีที่แล้ว +4

    Alhamdulilah sudah ga bingung lagi setelah menonton video ini...
    Soalnya selama saya maraton video playlist frontend bapak, saya selalu menggunakan float, makannya bingung pas melihat kawan-kawan menggunakan flexbox.
    Terima Kasih pak atas sharing² ilmunya sangat bermanfaat, semoga sehat selalu pak..

  • @ibnualhakim1599
    @ibnualhakim1599 2 ปีที่แล้ว +2

    kebetulan lagi bingung belajar flexbox. Baru inget kalau pernah lihat ada video pak dhika tentang flexbox. Auto nonton dan ga bingung lagi wkwk. Terima kasih pak dosen

  • @muhammadluffi1030
    @muhammadluffi1030 2 ปีที่แล้ว +3

    enak banget cara pemyampaian nya pak dika, sangat mudah di pahami bahkan untuk seorang pemula seperti saya, klo lupa flex declaration, tinggal buka video ini haha.

  • @1233farhan
    @1233farhan ปีที่แล้ว

    saya orang backend yang di paksa jadi frontend, dan css adalah kelemahan saya
    kalau ada kesulitan, saya pasti ke channel WPU
    terima kasih ilmunya pak

  • @rezapahlevi1166
    @rezapahlevi1166 5 ปีที่แล้ว +1

    Nah ini dia ni pak... Saya masih bingung kwwkwk dan akhirnya muncul juga dichannel tercinta..smoga bermanfaat amin

  • @BukanSiiinchan
    @BukanSiiinchan 4 ปีที่แล้ว +2

    Saya lagi main react native, kebetulan flex box ini ada direact native, jadi ga bingung lagi mengenai layoutnya, thx pak

  • @asmrrainydays
    @asmrrainydays 2 หลายเดือนก่อน

    Pantesan aja jadi dosen...jago ngajarnya enak bikin paham

  • @ad3x5
    @ad3x5 5 ปีที่แล้ว +5

    Alhamdulillah, Terimakasih pak untuk ilmunya, sangat mencerahkan. Ditunggu kelanjutannya. Terimakasih....

  • @aweimngok
    @aweimngok 5 ปีที่แล้ว +3

    Wkwkwk, baru juga part 1, udah banyak banget ilmu nya. Thanks pak. Murah rezeki

  • @satuuntuksemua9039
    @satuuntuksemua9039 4 ปีที่แล้ว +1

    Alhamdulillah sudah sampai sini. Terima kasih Pak🙏🙏

  • @suryaaditya311
    @suryaaditya311 2 ปีที่แล้ว +1

    terimakasih materinya pak, penyelamat kami kaum otodidak😁

  • @zulfios
    @zulfios 5 ปีที่แล้ว +11

    alhamdulilah, ada solusinya, pernah bingung untuk center element di dalam container

  • @neotdwiid766
    @neotdwiid766 3 ปีที่แล้ว +6

    the explanation presented is very helpful in my understanding of the how actually to explore the CSS's flexbox design

  • @YosiOliver
    @YosiOliver 4 ปีที่แล้ว

    Akhirnya....ada tutorial bhs indonesia yg sangat jelas...trmkasih....😀

  • @DWZHAMZAH
    @DWZHAMZAH 5 ปีที่แล้ว +2

    Alhamdulillah... semoga keberkahan yang besar diterima sama Pak Sandika. Terimakasih atas sharing ilmu-ilmunya.

  • @afr4715
    @afr4715 2 ปีที่แล้ว

    Mkasih buat materi nya. Lncar dimudahkn segala urusan nya. Karena telah berbagi🙏🙏🙏🙏

  • @adiptabagas1803
    @adiptabagas1803 2 ปีที่แล้ว +1

    baru tau flexbox sekarang,nyesel dari dulu ga tau
    sangat mempermudah hidup :D

  • @MohammadaAprilianto
    @MohammadaAprilianto 5 ปีที่แล้ว

    jazakallahu khairan pal sandhika. dr dulu baca di internet teu mudeng, akhirnya di dieu mudeng. jozzz

  • @imaeaja
    @imaeaja 5 ปีที่แล้ว +1

    ada notif baru.. asikkkkk.. lanjut belajarrrr

  • @RianY2K
    @RianY2K 5 ปีที่แล้ว +3

    Wah terima kasih pak, saya baru lihat videonya, bagus ini, paham Flexbox dan CSS Grid itu sangat penting

  • @abuqeisimran9676
    @abuqeisimran9676 ปีที่แล้ว

    Sangat bermanfaat dan membantu, Terima kasih dan jazaakallahu khoyron kang Dika

  • @azizcanva123
    @azizcanva123 ปีที่แล้ว

    Sehat selalu pak Sandika dan keluarga🤲 terima kasih banyak ilmu nya

  • @KarimAmrullah029
    @KarimAmrullah029 3 ปีที่แล้ว +5

    Mantap pak dika,keren videonya soal flexbox,selalu mendasar dan detail dan jelas.sehat selalu ya pak dika and team.

  • @syafikihidayah9276
    @syafikihidayah9276 5 ปีที่แล้ว +1

    Terimakasih pak, akhirnya permintaan sya terkabul

  • @mamansetiawan2044
    @mamansetiawan2044 5 ปีที่แล้ว +2

    Barokallahu laka pak sandika👍

  • @agussanjaya1306
    @agussanjaya1306 5 ปีที่แล้ว +2

    Keren pak, habis playlist ini lanjut ke grid & sass, baru masuk framework js

  • @briansteve8453
    @briansteve8453 3 ปีที่แล้ว

    Mantap Pak, detail banget, sungguh membantu, sekali nonton, langsung ngerti. Terima kasih Pak.

  • @izzajimi4393
    @izzajimi4393 5 ปีที่แล้ว +1

    Terima kasih pak, ilmunya sangat bermanfaat...

  • @printeex
    @printeex 4 ปีที่แล้ว

    bahagia bangt sy ada yang lebih simple.. hehe.. trima kasih pak dika.. sehat selalu pak

  • @ofratiting4972
    @ofratiting4972 3 ปีที่แล้ว

    Manat Pk Sandilaka 👍👍
    Dari NTT hadir

  • @user-lb8wg9zc4l
    @user-lb8wg9zc4l 5 ปีที่แล้ว

    Akhirnya dibahas juga yang ditunggu-tunggu
    Thanks
    Jadi nggak sabar nunggu pembahasan CSS Grid

  • @firstpoint97
    @firstpoint97 2 ปีที่แล้ว

    Jarang bgt bosen liat penjelasan di sini, malahan sering nya lupa waktu Walaupun kadang sambil liat ulang video

  • @budi-dev8814
    @budi-dev8814 3 ปีที่แล้ว

    Syukron pak, berkah selalu setiap usahanya

  • @s1-a-harithyawisesa441
    @s1-a-harithyawisesa441 5 ปีที่แล้ว

    Kebetulan upload tdi ngulik flexbox tpi gak ngerti eh ada yang jelasin ..makasih ya pa😁😁

  • @saradaayu506
    @saradaayu506 5 ปีที่แล้ว +3

    Thanks pak dika.. sangat bermanfaat🙏

  • @nanotech7431
    @nanotech7431 5 ปีที่แล้ว

    Alhamdulillah yang saya tunggu akhirnya dibahas juga terimakasih kang Dhika 👍

  • @zulhamsy
    @zulhamsy 5 ปีที่แล้ว +2

    YEES akhirnya wkwk semoga lanjut lagi nih materi2 CSS dan FrontEndnya pak dika 😁😁

  • @imanadam8710
    @imanadam8710 ปีที่แล้ว

    Terima kasih Pak dika ilmunya🙏

  • @wisnupratama5538
    @wisnupratama5538 4 ปีที่แล้ว

    Lagi banyak bikin print, bermanfaat banget niiiih

  • @iyannfleon9877
    @iyannfleon9877 5 ปีที่แล้ว +2

    akhirnya muncul versi unpas 🌻🤘 smngat pak!

  • @hariyanto2698
    @hariyanto2698 5 ปีที่แล้ว +2

    Numpang like aje. Alhamdulillah Uda mengerti dengan flexbox

  • @rheinhardheberwiroutomo3109
    @rheinhardheberwiroutomo3109 3 ปีที่แล้ว

    Terima kasih. Channel youtubenya bagus. 👍👍👍.

  • @virgiawanlistiyandi1418
    @virgiawanlistiyandi1418 5 ปีที่แล้ว

    Akhirnya ada video tentang flexbox

  • @eryfiandaaja8568
    @eryfiandaaja8568 4 ปีที่แล้ว

    sangat mudah di pahami. terima kasih pak. sehat dan sukses selalu. aminn

  • @charlosandhesta4694
    @charlosandhesta4694 11 หลายเดือนก่อน

    Makasi bang..
    Sangat membantu..
    Sehat selalu❤

  • @muhammadirfansuherman8157
    @muhammadirfansuherman8157 5 ปีที่แล้ว +2

    Atur nuhun kang atas ilmunya semoga sehat selalu ditunggu video selanjutnya dan bikin video tentang Full frame work javascript

  • @aakdennissrihard764
    @aakdennissrihard764 2 หลายเดือนก่อน

    terima kasih atas pembelajarannya pak

  • @Abdiel03
    @Abdiel03 4 หลายเดือนก่อน +1

    mantap bang saya mengerti

  • @muhammadhanifrifqi9830
    @muhammadhanifrifqi9830 3 ปีที่แล้ว

    Alhamdulillah, sangat terbantu

  • @sabri859
    @sabri859 4 ปีที่แล้ว +1

    Keren mas, terus berbagi ilmunya ya mas😁👍

  • @NgodingPintar
    @NgodingPintar 5 ปีที่แล้ว +2

    Keren pak.. Jangan lupa titik koma, salam ngodingpintar 😇

  • @dausankscreek
    @dausankscreek 3 ปีที่แล้ว

    keren banget nih channel, jadi semangat lagi

  • @salmanalfaridzi1191
    @salmanalfaridzi1191 5 ปีที่แล้ว

    Alhamdulillah, akhirnya... Haturnuhun pak dika 😍

  • @ibrahimrama9115
    @ibrahimrama9115 2 ปีที่แล้ว +3

    pak dhika, mau nanya nih dimenit 17:47 kalau container displaynya udh flex, items bakalan maksa di dalam container kan, nah kalau saya terapin di konten CSS3 yang buat Gallery foto kok itemsnya tetap turun ke bawah ya? Mohon pencerahannya

  • @ryukochank3114
    @ryukochank3114 2 ปีที่แล้ว

    terimakasih pak Dika sangat membantu sekali😁😁

  • @nouvalandestanugraha3878
    @nouvalandestanugraha3878 5 ปีที่แล้ว

    Thank you ilmunya pak🙏. Sangat bermanfaat

  • @lonerunner3733
    @lonerunner3733 5 ปีที่แล้ว

    mantul, pas ini yg lg saya pelajari ( + css grid)

  • @killitgame7161
    @killitgame7161 5 ปีที่แล้ว

    top kang, lanjut mudah bagi pemula kek saya.

  • @mesakhlolo8611
    @mesakhlolo8611 ปีที่แล้ว

    masalah di project latihan css3 ternyata terjawab di css-flexbox hehehe

  • @firzatullahramadhan2440
    @firzatullahramadhan2440 4 ปีที่แล้ว +2

    mantap sekali pembahasan mengenai flexboxnya pak dika!. terima kasih.
    pembahasan mengenai react js dong pak

  • @ihsannurulhabib9729
    @ihsannurulhabib9729 5 ปีที่แล้ว +3

    Mantep pak, berguna sekali flex kalo make React Native :D

  • @LangitAmaravati
    @LangitAmaravati 4 ปีที่แล้ว

    Aaaakkk request saya diwujudkan. Makasih banyak, Pak.

  • @legendarySanhok
    @legendarySanhok 5 ปีที่แล้ว

    maximiliannya indo..
    mantap pak

  • @jenn3651
    @jenn3651 4 ปีที่แล้ว

    jelas bgt penjelasannya, makasih videonya pak:D

  • @rizkichaniago4795
    @rizkichaniago4795 4 ปีที่แล้ว +1

    Pak Dika tolong buat istilah dan kegunaan dalam css dan contoh nya

  • @frasticahasnaamira645
    @frasticahasnaamira645 5 ปีที่แล้ว

    Next Css GRID Pak... Walaupun sudah liat di channel wesbos tapi klo yg jelasin bapak kayanya lebih paham lagi

  • @pilotgundul
    @pilotgundul 5 ปีที่แล้ว

    Terima kasih Padika...
    As always, keren!!

  • @garudaputro
    @garudaputro 5 ปีที่แล้ว

    Lanjut kan 👍

  • @Hanyamanusiabiasa
    @Hanyamanusiabiasa 3 ปีที่แล้ว +2

    Finally, I can "center a div"

  • @dhimasbudiarso6132
    @dhimasbudiarso6132 4 ปีที่แล้ว

    terimakasih atas ilmunya pak

  • @ridhosurya5692
    @ridhosurya5692 5 ปีที่แล้ว

    akhirnya seri yang di tunggu, hehe. mantap pak

  • @tedyaudi3256
    @tedyaudi3256 4 ปีที่แล้ว

    izin download semua video pak

  • @verlin971
    @verlin971 5 ปีที่แล้ว

    Makasi pak. Wah gila si ini, bener2 bermanfaat :D

  • @budisetiahadi1219
    @budisetiahadi1219 4 ปีที่แล้ว +2

    Bahas SEO, plugin, dan segala fungsinya pak dosen

  • @nendijuliansyah2491
    @nendijuliansyah2491 5 ปีที่แล้ว +1

    Waini yang ditunggu-tunggu 🔥

  • @Denyjoe2
    @Denyjoe2 5 ปีที่แล้ว

    Mantep kang .,., terus berkarya

  • @iqbalabdulmalik2831
    @iqbalabdulmalik2831 2 ปีที่แล้ว

    feel like ti is ticking way too fast for lol. but hey, as long as you do what you love- the sky is the limit! also just a little advice to

  • @theresiaalfareja8840
    @theresiaalfareja8840 5 ปีที่แล้ว

    Terimakasih sudah sharing ka

  • @hasbishuhada6268
    @hasbishuhada6268 5 ปีที่แล้ว

    Mantap pak, sangat bermanfaat

  • @dendenasari1312
    @dendenasari1312 ปีที่แล้ว

    Pa dika, tutorial biat admin dashboard ath, 😁 ada tabel sama inputnya,, 🙏

  • @fadhilansyah25
    @fadhilansyah25 5 ปีที่แล้ว

    ini nih yang cari tekniknya

  • @tarantulalabaz2294
    @tarantulalabaz2294 4 ปีที่แล้ว

    Terima kasih pak, mantap👍👍👍

  • @abieilhamprasetyo4412
    @abieilhamprasetyo4412 3 ปีที่แล้ว

    makasih pak jadi paham alhamdulillah

  • @ryuhikaru320
    @ryuhikaru320 5 ปีที่แล้ว

    Sangat bermanfaat pak 🙏

  • @ahmadalimutezar6991
    @ahmadalimutezar6991 5 ปีที่แล้ว

    Akhirnya materi yg ditunggu ditunggu

  • @hannayusdiniherliana5221
    @hannayusdiniherliana5221 3 ปีที่แล้ว

    Bagus, ngajar nya.

  • @dominicnaufal5576
    @dominicnaufal5576 5 ปีที่แล้ว +1

    Pak sandika, bikin tutor bikin side bar menggunakan HTML CSS (gapake JS)

  • @donnymaulana4441
    @donnymaulana4441 5 ปีที่แล้ว

    Ntappss ditunggu kelanjutannya

  • @davidmahbubi
    @davidmahbubi 5 ปีที่แล้ว

    Makasih banyak pak dosen 😄

  • @cuanable1319
    @cuanable1319 5 ปีที่แล้ว

    Trimakasih pak, sangat membantu

  • @matriks_yang_bikin_bingung
    @matriks_yang_bikin_bingung 5 ปีที่แล้ว

    Kebetulan lg belajar flebox dan grid.

  • @ayyraxx3257
    @ayyraxx3257 4 ปีที่แล้ว

    Alhamdulillah 😀

  • @mikhaeldiazflorespeople997
    @mikhaeldiazflorespeople997 4 ปีที่แล้ว

    Hadir guruku sehat selalu

  • @rikoandsa
    @rikoandsa 5 ปีที่แล้ว

    Ada notif langsung tonton
    #pejuang notif

  • @galihal7030
    @galihal7030 4 ปีที่แล้ว

    terimakasih pak .....

  • @dimasaryasatya7757
    @dimasaryasatya7757 2 ปีที่แล้ว +1

    Pak saya mau bertanya, apakah properti flex-grow pada konten dapat digunakan pada saat kita menggunakan properti flex-wrap pada container?