จัด Layout เว็บแบบไม่ซ้ำใคร!!! ด้วย Flexbox และ CSS Grid
ฝัง
- เผยแพร่เมื่อ 7 ก.พ. 2024
- เปิดตัวรายการ Infinite Front-end รวมความรู้พื้นฐานไม่รู้จบกับสาย Front-end เริ่มต้นกันด้วยเรื่องของการจัด Layout หน้าเว็บไซต์ด้วย Flexbox และ CSS Grid มาดูกันดีกว่าว่า 2 ตัวแตกต่างกันยังไง เราควรเลือกใช้ตัวไหนตอนไหนบ้าง ไปรับชมกันได้ในคลิปนี้เลย
Flex: codepen.io/Thanawat-Kemwatcha...
Grid: codepen.io/Thanawat-Kemwatcha...
Grid + Flex: codepen.io/Thanawat-Kemwatcha...
Grid+Flex Adapt: codepen.io/Thanawat-Kemwatcha...
อัพสกิลสาย Coding แบบใส่นัวไม่ยั้งได้ที่ school.borntodev.com/
ตอนนี้ Borntodev มีการสอนรูปแบบ In-House Training แล้วนะ หน่วยงานหรือองค์กรไหนสนใจคลิกลิ้งก์นี้ www.borntodev.com/borntodev-f..
มาแบ่งปันความรู้ แชร์ประสบการณ์ใน Community borntoDev ได้ที่ / discord
เข้าร่วมกลุ่ม Facebook Community ได้ที่ / 24251. .
สนใจจัดอบรมออฟไลน์ ดูรายละเอียดได้ที่ www.borntodev.com/borntodev-f...
▲ ติดตามช่องของเราได้ที่ : bit.ly/SubBorntoDev
▲ Facebook : / borntodev
▲ Website : www.borntodev.com/
▲ TikTok : / borntodev
▲ Instagram : / borntodev
🦖BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: biz@borntoDev.com - วิทยาศาสตร์และเทคโนโลยี
เข้าใจขึ้นมากเลยครับ ขอบคุณคครับบบ
คอมเม้นยังไงครับผมมีแต่แป้นพิมอังกฤษต้องกดปุ่มไหน
ไหนอะครับ Codepen ที่จะให้ดูเป็นตัวอย่าง
แอดมินอัพเดทให้เรียบร้อยนะครับบ อยู่ในคำอธิบายใต้คลิปครับผม
@@borntodev ขอบคุณง้าบบบ❤❤🙏🙏