Add a BreakpointEarlier in this tut

Add a Breakpoint
Earlier in this tutorial we made a web page with rows and columns, and it was responsive, but it did not look good on a small screen.

Media queries can help with that. We can add a breakpoint where certain parts of the design will behave differently on each side of the breakpoint.

ผลลัพธ์ (ไทย) 2:

เพิ่มเบรกพอยต์
ก่อนหน้านี้ในการกวดวิชานี้เราทำหน้าเว็บที่มีแถวและคอลัมน์และมันก็ตอบสนอง แต่มันไม่ได้ดูดีบนหน้าจอขนาดเล็ก. คำสั่งสื่อสามารถช่วยเหลือได้ เราสามารถเพิ่มจุดพักที่บางส่วนของการออกแบบจะทำงานแตกต่างกันในแต่ละด้านของเบรกพอยต์

ผลลัพธ์ (ไทย) 3:

เพิ่มคนบ้านเดียวกัน
ก่อนหน้านี้ในการกวดวิชานี้เราทำหน้าเว็บด้วยแถวและคอลัมน์ และมีการตอบสนอง แต่มันไม่ได้ดูดีบนหน้าจอขนาดเล็ก .

แบบสอบถามสื่อช่วยได้ เราสามารถเพิ่มจุดหยุดที่บางส่วนของการออกแบบจะต้องแตกต่างไปในแต่ละด้านของคนบ้านเดียวกัน .