👉CSS Grid cơ bản cho người mới toàn tập phần 1
👉 Tham khảo khoá học cơ bản của mình:
👉 Tham khảo khoá học nâng cao của mình:
👉 Kết nối với mình
Fanpage:
Facebook:
Blog:
Nhóm của mình:
Học online với mình:
👉 Công cụ, tài nguyên
– Theme: Dracula Official
– Font chữ: SF Mono, 14px
– Packages: Prettier, Material Icon, Highlight Matching Tag, Bracket Pair Colorizer, HTML Snippets, Live Server.
– Extension: Eye Dropper color picker Chrome Extension, color slurp MacOS, visBug Chrome Extension
– Tải Telegram cho máy tính tại đây:
– Source code tại đây:
Admin ơi không hiểu tại sao trên inspect chrome của em không hiên thị thông số track-line ạ
Nice video man, clear and concise explanation! Thanks a lot!
Anh bị nhầm r, Fr là fraction ấy
xem lần đầu thấy hơi ảo 😀 ! cảm ơn admin !
*{
margin: 0;
padding: 0;
}
.layout-image{
display: block;
max-width: 100%;
}
Đoạn a set grid-template-columns: 200px 200px 100px; Em cũng set như a 2 hình đầu tiên đúng 200px nhưng hình cuối cùng của e nó không 100px mà nó to như kích thước ban đầu, e set overflow: hidden; nó vẫn k ẩn đi, a cho e hỏi vì sao dc k ạ
rất dễ hiểu ạ, cảm ơn anh rất nhiều hihi!
Em code như anh nhưng sao cái gird-template-column nó không chỉnh width của ảnh mà nó vẫn giữ nguyên width .Xong ảnh này đè lên ảnh kia , lúc đo thì thấy nó vẫn cách nhau
cảm ơn anh ạ video rất dễ hiểu
Hay qua anh a! Cam on anh rat nhieu.
sao lúc em chèn ảnh và grid-template-column ảnh nó không thu nhỏ theo kích thước của column mà tự động bị cắt xén chiều ngang vậy anh
quá hay luôn anh. fan cứng luôn rồi hehe
anh ơi cho em tải code được không ạ ? em gặp lỗi mày không biết tại sao
extension mỗi khi đánh có hiệu ứng là gì vậy ạ
cảm ơn anh rất nhiều
Anh ơi cho em hỏi, sao ảnh cứ tràn ra khỏi div layout-item v ạ
Cảm ơn ad vì bài học bổ ích nhé
Video hay toá, giúp mình hiểu thêm về grid.
Videos rất dễ theo dõi và dễ hiểu, Thx a rất nhiều!
quá hay luôn ạ, chưa thấy ai giảng nhiệt tình mà dễ hiểu như anh ạ. Chúc anh năm mới đại thành công nè ^^
cảm ơn anh rất nhiều ạ