https://www.img.in.th/image/03h
เป็นภาพ ribbon ตรงกลางผมทำได้แล้วครับแต่ตรงที่ยื่นออกมาตรงด้านซ้ายกับขวาอะครับเค้าทำกันยังไงเหรอครับให้เวลาหดตามหน้าจอแล้วมันขยับตามอะครับ
กำหนด div ครอบ content ทั้งหมด
set css class ตามขนาดหน้าจออุปกรณ์ (screen ลองหน้าดูว่ามีขนาดหน้าจอเท่าไหร่บ้าง)
ใช้ media screen ใน css เช็คตามขนาดหน้าจอ
หรือไม่ก็ใช้ div ครอบแล้วเซ็ตขนาดหน้าจอตามที่คุณต้องการ
จากนั้นถ้าหน้าจอถูกย่อก็ให้มันย่อลงตามโดยเซ็ตความกว้าง 100%
ถ้าไม่เข้าใจที่ผมอธิบายก็รอท่านอื่นครับ :P
ได้แล้วครับทำโค้ดเทสต่างหาก เดียวลองใส่ในเว็บจิงดู