Code in the Wind - Challenge Site

Bento Grid

Reference

Objectives

  • สร้างเลย์เอาต์ “Bento Grid” โดยให้กล่องที่มีขนาดใหญ่ที่สุดอยู่ตรงกลาง ล้อมรอบด้วยกล่องที่เล็กกว่าหลายๆ กล่อง โดยให้มีพื้นที่เว้นระหว่างแต่ละกล่องเล็กน้อย กล่องตรงกลางมีข้อความ M4 อยู่ตรงกลาง โดยสีข้อความเป็นสีเกรเดียนต์

  • ทางด้านซ้ายของกล่องตรงกลาง มี 4 กล่อง โดยให้ใส่ข้อความต่อไปนี้

    • 120 GB/S
    • Hardware-accelerated mesh shading
    • Hardware-accelerated ray tracing
    • Over 28 billion transisters
  • ด้านบนกล่องตรงกลาง มี 2 กล่อง โดยให้ใส่ข้อความต่อไปนี้

    • Tandem OLED display engine
    • Dynamic caching
  • ทางด้านขวาของกล่องตรงกลาง มี 7 กล่อง โดยให้ใส่ข้อความต่อไปนี้

    • 10-core CPU
    • 10-core GPU
    • 50% faster CPU
    • 4x faster GPU
    • ProRes
    • AV1
    • Neural engine with 38 trillion ops/sec

    โดยกล่อง 6 กล่องแรกจะถูกจัดเป็นสองคอลัมน์ย่อย

  • ด้านล่างกล่องตรงกลาง มีกล่องที่ใส่ข้อความว่า Second-generation 3 nm technology โดยในท้ายที่สุดจะมี 3 กล่องในแถวล่าง โดยทั้ง 3 กล่องนี้ต้องจัดให้เรียงกัน

  • Create a “Bento Grid” layout with the biggest box in the center and smaller boxes surrounding it. There’s a little space between each box. The center box contains the text M4 in the middle. The text color is a gradient.

  • On the left side of the center box, there are 4 boxes with the following text:

    • 120 GB/S
    • Hardware-accelerated mesh shading
    • Hardware-accelerated ray tracing
    • Over 28 billion transisters
  • Above the center box, there are 2 boxes with the following text:

    • Tandem OLED display engine
    • Dynamic caching
  • On the right side of the center box, there are 7 boxes with the following text:

    • 10-core CPU
    • 10-core GPU
    • 50% faster CPU
    • 4x faster GPU
    • ProRes
    • AV1
    • Neural engine with 38 trillion ops/sec

    The first 6 boxes are split into 2 sub-columns.

  • Below the center box, there is a box that says Second-generation 3 nm technology. In the end, there are 3 boxes in the bottom row, and they must vertically align with each other.

Stage

Audience submissions