แบบฝึกหัด FRONT-END Developer Pack for Beginner : ข้อที่ 1 จงออกแบบเว็บไซต์แบบ Responsive ตามภาพตัวอย่างต่อไปนี้

แบบฝึกหัด #261
เขียนโดย :
มีผู้อ่าน : 4,865 คน วันนี้ : 3 คน

สวัสดีครับผม วันนี้เรามีแบบฝึกหัดจากคอร์ส Front-End Developer Pack for Beginner มาให้ลองทำกันดูนะครับ หรือผู้ที่กำลังเริ่มหัดเขียน Responsive ด้วย CSS อยู่ก็สามารถลองทำได้ด้วยนะครับ


โอเคครับ มาเริ่มกันเลยดีกว่า...

 

โจทย์ของเราก็คือ
1. ให้ออกแบบเว็บไซต์ตามภาพตัวอย่างเลยครับ
2. และโดยที่สามารถรองรับทุกขนาดของจอแสดงผล ( Responsive ) โดยจะออกแบบอย่างไรก็ได้ตามความเหมาะสมเลยครับ

 

 

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


หากติดปัญหาตรงไหน สามารถเข้ามาสอบถามได้ที่ Fanpage Who Do Coder ได้เลยนะครับ