ทำ Responsive แบบโปรยิ่งกว่าโปร ด้วย Container Query

การทำ Responsive แบบเดิมๆ ด้วย @media ยังมีข้อจำกัดบางอย่างที่ไม่สามารถทำได้อยู่ แต่ด้วยการมาถึงของ @container ใน CSS ช่วยให้เราทลายข้อเหล่านั้นทิ้งไปได้ ถามว่าทำยังไง? ก็ไปดูกันเล้ย
Link: / jabont
https: codepen.io/ijabont
codepen.io/Thanawat-Kemwatcha...
▲ ติดตามช่องของเราได้ที่ : bit.ly/SubBorntoDev
▲ Facebook : / borntodev
▲ Website : www.borntodev.com/
🦖BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: [e-mail]

[@yenyen3173]

Media q อิงขนาดจอ แต่ container q อิงขนาดของcontainer element ผมเข้าใจถูกไหมครับ

[@mariijoseph2031]

ขอบคุณช่อง Born to dev ที่นำเนื้อหาดีๆ มาสอนกันฟรีๆ ตลอด

[@sirilakpensawat9811]

เข้าใจง่ายมากค่า ขอให้ browser อื่นตามมาเร็วๆ อยากใช้ล้าววว

[@buzhadooken981]

น่ารักจัง

[@artica2005]

ไม่มีแนบ code หรือครับ

[@iqcangsama]

😍