Tugas project ke- 4 Responsive web design dari FreeCodeCamp akhirnya selesai. hehe.
Meskipun hasilnya sangat sederhana, alhamdulillah yang penting semua aturan dari freeCodeCamp sudah terpenuhi.
Awalnya saya ingin membuat documentation page ini menggunakan layout grid, tapi ternyata belum menemukan solusi kalau salah satu kolom nya itu position:fixed. tampilannya jadi ngga karuan. hehehe.. sementara ini ngga pakai grid dulu deh.
Next, kalau udah tahu cara yang lebih baik lagi, misal bisa mengimplementasikan grid, insyaAllah akan saya upload di repository ini.
Sementara ini dulu kata pengantar dari project Technical Documentation Page ini. untuk melihat hasilnya, klik disini
Setelah browsing, alhamdulillah nemuin nih caranya, menggunakan layout grid (yang salah satu kolomnya ngga ikut scroll). ini solusi saya dapatkan dari Melanie Richards.
Salah satu kolomnya di atur position:sticky. dan berhasil, yeeay.
Untuk melihat hasil Documentation page menggunakan Grid layout, klik disini
Materi yang saya gunakan untuk Documentation Page ini saya ambil dari https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction
semangatcoding ^_^