Học Flexbox CSS qua ví dụ | Flexbox CSS | Flexbox layout | Flexbox example | Flexbox trong CSS

[@F8VNOfficial]

👉Khóa Học HTML CSS Pro tốt nhất bạn có thể tìm thấy: fullstack.edu.vn/landing/htmlcss

[@otaiey2858]

ai có link bài tập cho mình xin với ạ :'(

[@_NguyenQuocDuy]

anh oi sao em vao link khong duoc vay anh

[@khoainh9725]

anh ơi cho em xin link bài tập của mình vs ạ

[@khoainh9725]

@@otaiey2858 b có link bài tập của bài này k

[@namtothanh2818]

Học lý thuyết không hiểu, vô học khóa anh hiểu cặn kẽ luôn . thấu hiểu những cái người mới học không hiểu và giải thích đơn giản - dễ hiểu. FREE nhưng RẤT CHẤT LƯỢNG

[@trung3497]

em là một sinh viên năm nhất ngành tkđh đang học đến phần lập trình web. rất cảm ơn anh vì những bài giảng cực kì có tâm như này ạ

[@uongta4542]

Đang làm lại ví dụ của anh Đặng Sơn, liền chạy vô đây để cảm ơn anh rất nhiều bởi vì nhờ bài giảng này mà em đã làm được nhiều thứ từ thuộc tính này, với một người mới học lập trình như em thì video thật sư giúp em rất nhiều. Cám ơn anh Đặng Sơn một lần nữa. Chúc anh ngày càng mạnh khỏe và thành công.

[@learningonline5533]

Anh Sơn làm ứng dụng thực thế qua dự án thực tế như này, rất hay và cuốn hút... vừa có sản phẩm thực tế vừa học thêm được công nghệ...like 1000 lần cho anh

[@taiothe6612]

anh làm rất có tâm,nói rất dễ nghe dễ hiểu

[@HaiNguyen-rx2og]

quá tuyệt vời đăng kí học bên funix mà toàn qua bên này học. cảm ơn f8

[@scotlripb8731]

khoá học FE có tâm nhất từ trước đến giờ đây rồi, cảm ơn a. vẫn đang hóng những bài giảng của a :))

[@minhhawithlife]

bài dạy hay, dễ hiểu và thực tiễn quá, omca, cảmo= ơn anh đã bỏ thời gian và công sức để xây dựng bài học này ạ :>

[@hienbui-uh8bz]

13 dòng css đầu tiên là gì vậy bạn nhỉ😅

[@petrmai9152]

Đỉnh của chóp. Nếu không có người giảng dạy như anh thì ko biết bao giờ mới hiểu rõ đc flex như thế này.

[@kevinkhanglego]

Không có từ nào để chê được khóa học này. Cảm ơn F8 Official. Mong rằng kênh sẽ ra nhiều khóa học hơn nữa

[@learningonline5533]

Khóa học rất hay anh ạ, sau đợt bảo vệ này chắc em phải xem kĩ hơn

[@F8VNOfficial]

OKie e. Học tốt nha e

[@linhtrinh6797]

This is the best lesson about flex box. Thank you so much for sharing.

[@hoanglinhnguyen2807]

Anh giảng hay dễ hiểu, giọng quá đã, truyền đạt cực kỳ first

[@lap_trinh_c_cong_cong]

Video chất lượng quá ạ , vừa bổ sung kiến thức mới lại còn giúp ôn lại kiến thức cũ 😊

[@enton438]

{ kênh làm flex-box dễ hiểu nhất việt nam; tuyệt vời; cảm ơn anh; }

[@minhnhatnguyen8200]

Học trên youtube đụng tới bài này hơi khó hiểu , nhưng mà vào khóa anh có bài tập vừa đọc vừa làm dễ hiểu cực

[@ionllking7456]

hay thực sự, giá mà đại học cũng dạy như này, giáo trình trường em dạy kiểu đâm ngang xương không, mà toàn lý thuyết ko đưa ra thực hành cụ thể, may xem được clip này chứ không cũng bỏ ngành này r

[@phamvinh8993]

Video của anh giải thích rất chi tiết và cặn kẽ , chứng tỏ anh hiểu biết rất sâu và rõ. Cảm ơn a vì đã đóng góp cho cộng đồng

[@tricoo5786]

Cảm ơn anh đã cho em một bài học thật bổ ích! Bài giảng rất có tâm và dễ hiểu

[@LongPhạm-r7w9o]

anh ơi anh có thể cho e xin 13 dòng css đầu được k a

[@eomihuyen8674]

@@LongPhạm-r7w9ocó k cậu

[@phamnhuquyet9110]

Anh giảng hay và chi tiết thật sự ấy =))). Xem video của anh mới biết học Css chưa bao giờ là đủ. Hóng a ra tiếp video

[@dungg2038]

bác biết code từ dòng 13 2:27 trở xuống ở phần css ko, giúp em với e ko tạo đc cái thanh cam như video

[@khoaphan5521]

Anh giảng bài hay quá , rất dễ hiểu !!

[@BaoTran-gd8di]

không thể tin được mấy cái này free luôn á =)) quá tuyệt vời thầy Sơn

[@nguyenthanhtung3625]

Chưa bao giờ mà xem bài giảng hay và dễ hiểu như vậy

[@quannguyen-sn6jm]

học cái hiểu hết luôn á thầy. e cảm ơn thầy đã bỏ thời gian ra làm những video như thế này ạ. Chúc thầy có thật nhiều sức khỏe ạ

[@quocoai3867]

Video rất tuyệt vời, chúc bạn có nhiều sức khỏe chia sẽ nhiều kiến thức cho anh em

[@linhhandsome8947]

Em xin gửi lời cảm ơn đến Anh, khóa học của anh rất bổ ích ạ.

[@nguyenthientu4830]

cảm ơn anh rất nhiều , chúc anh luôn mạnh khỏe để giúp mọi người nhiều hơn nữa !

[@minhngoc9687]

Video quá hay và dễ hiểu. Cảm ơn bạn rất nhiều. Mong chờ nhiều series video hay của bạn.

[@quyenphan5905]

bài giảng của anh bài bản thứ tự dễ vào quá ạ, trước em có từng học html css r mà vẫn phải cày lại :))))

[@Remy46577]

vid chứa đầy đủ các nội dung của flexbox, tuyệt

[@hyu191]

Nội dung hay, ví dụ thực tế, cảm ơn anh ạ!

[@super17542]

Anh giảng rất dễ hiểu, cảm ơn anh nhiều

[@hicee]

Giọng bạn hay thiệt với lại bạn giảng có tâm

[@MN-wi2lm]

Khóa frontend của a rất hay, mong a ra video nhanh nhanh tới phần cắt web

[@F8VNOfficial]

Từ tuần sau bắt đầu cắt web nha em

[@tunamusic2314]

khóa có mất phí không anh

[@trang1812]

cảm ơn a vì bài giảng rất tâm huyết :))) em đã like video và sub ủng hộ

[@atnguyentien8630]

Đã xem tới đây. A dạy dễ hiểu quá ạ.

[@khangta1577]

Em đang cày lại mà thấy anh dạy hay quá !! Em cảm ơn anh!

[@TheKing-tt6dg]

chắc giờ bạn cũng đi làm rồi nhỉ - giờ mình mới học lại không biết có trụ nổi không

[@musashi_hp]

anh dạy rất dễ hiểu và có tâm

[@Black-zm4xj]

Khoá học free quá bổ ích, em học bên trung tâm còn dạy không kĩ bằng Anh.

[@truongonghuy7471]

Ui vừa xem vừa sướng cả người :D cảm ơn anh

[@banghoang6301]

Cảm ơn Thầy Sơn rất nhiều I love you

[@dongnguyenviet7796]

Rất dễ hiểu. Cảm ơn nhiều!

[@HaNguyen-bq5fp]

cái này hay thật đấy a ạ, đỡ css thường nhiều

[@nguyenthanhbinh9598]

Bài này em thấy hay nhất trong các bài

[@nguyenduongit]

Lúc đầu học phần này còn mơ hồ lắm. Giờ làm mấy dự án gặp nó tự nhiên hiểu ra và thành thạo luôn 😅

[@tringuyenhoang3266]

Thank bạn. Quá hay và dễ hiểu!!

[@F8VNOfficial]

Tham gia các khóa học MIỄN PHÍ tại F8 tại đây nhé (đã quyết định theo thì hãy cố gắng đến cùng): 1. Kiến thức & cái nhìn tổng quan về ngành: fullstack.edu.vn/courses/lessons-for-newbie 2. Code giao diện trang web với HTML, CSS: fullstack.edu.vn/courses/html-css 3. Xử lý hiển thị tốt giao diện trên nhiều thiết bị khác nhau (responsive): fullstack.edu.vn/courses/responsive-web-design 4. Lập trình Javascript cơ bản: fullstack.edu.vn/courses/javascript-co-ban 5. Lập trình Javascript nâng cao: fullstack.edu.vn/courses/javascript-nang-cao 6. Lập trình Backend với Node & ExpressJS: fullstack.edu.vn/courses/nodejs ---

[@hoadoan3849]

Cảm ơn anh, anh dạy học rất có tâm

[@NerdBigBird]

Thích bài này nhất ❤

[@learnwithme3364]

chất lượng quá a ạ.

[@bh4541]

đó giờ mình chưa bao giờ nghĩ đồ free thì ngon hơn trả phí cả ,c ho tới khi mình gặp f8

[@quanwilliam8511]

cảm ơn anh ạ video rất hữu ích

Video bài giảng trên channel này có gì khác với trên website admin nhỉ? Thấy giống nhau

[@leo2_1]

phải nói là cực dễ hiểu luôn

[@cuocsongtaynguyen89]

Rất hay. Chân thành cảm ơn

Cảm ơn anh Sơn nhiều lắm ạ

[@nhan88vlog]

Mình hỏi chút addon dùng ở 14:28 là gì vậy? Cảm ơn

[@amanda2348-g9j]

13:02 cái này không dùng flex basis mà dùng width thì khác gì ko anh?

[@hoangv5282]

28:22 em dùng flex-wrap: wrap; được không ạ?

[@TuNguyen-cj8oe]

cảm mơn f8 nhiềuu

[@nguyenngocle6542]

Khoá này hay cực

[@F8VNOfficial]

Cảm ơn em nhé

[@theanhnguyen17801]

Mấy cái thầy dạy có giống reponsvi trong boostrap k thầy

[@phieu3607]

A ơi, e ngày nào cũng học ở kênh a, a cho e lời khuyên về học tiếng anh như thế nào với ạ, có cần phải pro ko a, hay chỉ học từ vựng chuyên dụng ngành thôi ạ

[@DanhNgocSon--]

cần phải hỏi à bạn học ko bh là thừa

[@TranNguyen-mv6ln]

Chỉ cần học từ chuyên ngành thôi bạn

[@hoangQuan25]

Cứ học đi, tiếng anh bây giờ là kỹ năng bắt buộc phải có rồi, bh coi nó cần thiết như kiểu học đọc học viết chứ ko phải là 1 năng lực nữa.

[@BlueSky-lb7cp]

Chỗ feature, form,center làm sao mình có được cái viền màu xám ở ngoài vậy ạ ?

[@huylenguyentruong5232]

Chắc best Evelynn đây rồi :))

[@QuanNguyen-nx9td]

làm hay lắm bạn ơi, cám ơn, mà sao không qua phần lan sống

[@SơnThiên-d1r]

2 thẻ form và label mấy bài trước anh chưa dạy làm phải tìm lú cái đầu mới hiểu đc :))

[@hungtellus_MEP]

Mình áp dụng để chỉnh trong thanh header của mình nhưng menu không thể cạnh giữa. Mình đang để là positive là relative và display là block. Khi đó padding là 0 10px và margin là 0. Thanh header có một logo bên góc trái. Bạn hướng dẫn dùm.

[@Marcus369]

Qúa chất lượng luôn

[@F8VNOfficial]

Cảm ơn em nha

[@ThangNguyen-wh2vk]

17:27 cho em hỏi tại sao khi em để flex-basics: 10% cho cái wrap-layout__item thì nó ko xuống dòng đc ạ?

[@gamevsgamethoi]

Nó là độ rộng tương đối cho nên là nó sẽ không bao giờ bị đè lên nhau nên là không xuống

[@chauchau3512]

anh ơi cho em hỏi là mình có nên dùng bootstrap thay thế cho css luôn được không ?

[@ngongocanh0512]

cái công cụ mà anh ấn vào syntax nó hiện ra những cái elements có thể chọn trên vscode là gì vậy ạ

[@congdatt]

hay tuyet anh oi

[@itngocuoc2781]

Mọi người ơi, cho mình hỏi tại sao mình đặt kích thước chỉ cho 1 flex-item thì không được ạ? VD: Ở khối column layout, mình muốn đặt cho phần tử ở giữa là 80%, thì mình chỉ CSS cho cột main-column là flex-basic: 80%, nhưng nó lại không cho kết quả như mong đợi là vì sao vậy ạ?

[@dcmessitinh5854]

2:07 sao ngay từ đầu list nó đã nằm ngang r nhỉ. tưởng 1 thẻ ul thì các phần tử trong danh sách hiển thị theo chiều dọc chứ nhỉ

[@dcmessitinh5854]

à, do .nav-item của a này là inline . nó phải áp dụng cho từng cá nhân item, chứ k dùng cho ul

[@minhtrantuong7339]

Anh cho em hỏi coi 2 màn hình cùng lúc v làm sao v anh

[@Bieno-pb7lo]

align-content với align-item khác nhau những điểm gì anh nhỉ?

[@minhnguyenhainhat234]

13:31, mình cho flex: 1 xong justify-content : space-around vẫn được đúng không anh, ko cần dùng flex-basis

[@gamevsgamethoi]

Nếu như vậy thì phải dùng magrin để cách các khối ra, nói chung dùng cách nào cũng được, cách flex thì phải dùng margin: còn flex-basis thì chỉ cần xét kích thước là xong, 2 cách chênh nhau mấy phím ghõ

[@trongtruong112]

a cho em hỏi là visual studio code anh dùng font gì vậy ạ?

[@builinh4223]

đoạn keyframes mình ko code được ra giống video nhỉ

[@SangNguyen-zk2rz]

a ơi vậy cái display: flex để làm gì vậy, khi em bỏ cái đó đi cho flex: 1 thôi thì thanh trống nó không dài ra, có display: flex thì thanh nó mới dài ra. Anh cho em hỏi tại sao ạ

[@quannguyen3840]

anh ơi cái tool lúc a cắt lấy trị số width với height là gì ý ạ

[@TungPham-dt6tr]

cho em hỏi chút là max-width, min-width nó khác gì width bình thường ạ

[@hoangphihung1526]

Cho mình hỏi max-width có tác dụng gì ko ạ mình thấy nó chả khác width gì cả

[@hoangh.8887]

Anh ơi mỗi lần em refesh nó lại load lại từ đàu web làm thế nào để refesh mà nó vẫn ở chỗ mình vừa kéo đến anh ?

[@trantuanat524]

sao em học đến đoạn này cảm tháy hơi khó hiểu vậy nhỉ, có phải do video thứ 32 bị xóa nên vậy không ạ ?

[@thango7083]

33:17 Anh làm kiểu gì mà cả trang web tự động được dịch sang Tiếng Việt thế ạ ?

[@chibuiquang7837]

tiện ích của gg dịch đó bạn

[@inhsyduyetkenh5730]

Em hay set cứng width và height cho toàn bộ div trong html . Liệu có đúng ko anh ?

[@TheKing-tt6dg]

phần form layout em code giống vậy mà sao nó khác thế nhỉ - em không hiểu phần form tạo màu xám kiểu j - trong khi ở code anh không có tạo màu xám cho phần form đó

[@trunglengoc3853]

cho mình hỏi trên số 13 bên phần css là gì thế

[@ngocsangnguyen1434]

có phần dạy cắt psd chưa anh ?

[@DucLe-hc8kz]

hay 😀

[@minutes-dy7rw]

5:18 công cụ mà anh khoanh vùng tên gì vậy ạ, em cảm ơn ạ.

[@haonguyennhut7678]

xin ké với ạ :>

[@lehieu5814]

Mọi người ơi cho em hỏi tí ạ, em code HTML bằng Visual Studio Code và cứ mỗi khi thả chuột cái là nó hay bị nhảy đi, code rất khó chịu và các thẻ nó cũng tự động lên xuống không tự kiểm soát được, em phải xử lí như nào ạ

[@thangta8147]

a ơi a có mở lớp off k a? mong nhận dc hồi đáp của a

[@tanlucnguyen9778]

anh cho em hỏi giũa float vs flex box thì cái nào dc dùng nhiều hơn vậy

[@F8VNOfficial]

Flexbox dùng phổ biến em nhé, float gần như ko xài nữa

[@HoaPham-rg8rm]

video 32 trong danh sách từ "HTCM, CSS zero tới Hero" bị xóa r hả anh?

[@binhngothanh7519]

cách bỏ mấy cái dấu chấm ở thẻ li làm sao anh nhỉ, rồi ngay thẻ li là nó đã bị xuống dòng, làm sao để nó nằm ngang

[@comwia]

cậu css list-style: none; hoặc list-style-type: none; là bỏ được dấu chấm trước thẻ li

[@HienNguyen-vf7jw]

Tại sao video này anh không thiết kế rồi code từ đầu ạ chứ có nhiều chỗ thêm html nó chưa có cái cơ bản hơi khó theo ạ?