Pembelajaran di era digital menuntut pendekatan yang inovatif dan relevan,
terutama untuk meningkatkan Computational Thinking Skills (CTS) yang
mencakup kemampuan berpikir logis, sistematis, dan efisien. Salah satu tantangan
dalam pembelajaran pemrograman web dasar, khususnya pada konsep tata letak
CSS, adalah rendahnya motivasi dan keterlibatan siswa akibat penyampaian materi
yang kurang menarik. Penelitian ini bertujuan untuk menguji efektivitas pendekatan
Game-Based Learning menggunakan media interaktif Flexbox Froggy dalam
meningkatkan CTS siswa kelas XI PPLG di SMK Negeri 1 Slawi. Flexbox Froggy
adalah permainan edukatif berbasis web yang mengajarkan Flexbox CSS melalui
tantangan bertingkat sesuai prinsip berpikir logis seperti dekomposisi, abstraksi,
dan algoritma. Penelitian menggunakan metode kuantitatif dengan desain quasi
eksperimen, melibatkan dua kelas (eksperimen dan kontrol) dan instrumen berupa
soal tes serta kuesioner. Hasil menunjukkan peningkatan signifikan pada kelas
eksperimen (rata-rata skor pre-test 51,72 menjadi 75,94 pada post-test, p < 0,05).
Selain itu, kuesioner menunjukkan respons positif siswa terhadap metode ini.
Temuan ini menunjukkan bahwa penggunaan media interaktif seperti Flexbox
Froggy dapat secara efektif meningkatkan keterampilan berpikir komputasional dan
minat belajar siswa.