Jasmine Aziza : Tugas Kita Bersama

  1. Apa itu responsie web design dan sebutkan dua teknik yang sering digunakan untuk menapainya? Responsive web design adalah pendekatan dalam pembuatan website yang bertujuan agar tampilan dan fungsi situs dapat menyesuaikan dengan berbagai ukuran layar dan perangkat, seperti smartphone, tablet, dan desktop. Ini memastikan pengalaman pengguna yang konsisten dan optimal, terlepas dari perangkat yang digunakan. Dua teknik yang sering digunakan untuk mencapai responsive web design adalah: Media Queries : Ini adalah aturan CSS yang memungkinkan pengembang untuk menerapkan gaya yang berbeda berdasarkan karakteristik perangkat, seperti lebar layar, tinggi, dan resolusi. Dengan media queries, desainer dapat mengubah tata letak, ukuran font, dan elemen lainnya agar sesuai dengan ukuran layar. Flexible Grid Layouts : Ini melibatkan penggunaan grid yang fleksibel, di mana elemen-elemen pada halaman web diatur dalam kolom dan baris yang dapat menyesuaikan proporsinya berdasarkan ukuran laya...

 Link : Klik Disini ! index.html: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Product Advertisement</ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body >     < header >         < h1 >MINE</ h1 >         < nav >             < a href = "#" >Home</ a >             < a href = "#" >About</ a >             < a href = "#" >Contact</ a >         </ nav >     </ header >     < div class = "container" >         < div class = "image-section" >   ...

Guest Lecture Feedback Form Klik Disini! code: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Guest Lecture Feedback Form</ title >     < style >         body {             font-family: Arial , sans-serif ;             background-color: # eceebf ;         }         .container {             width: 50% ;             margin: 0 auto;             background-color: rgb ( 185 , 193 , 50 );             padding: 20px ;             border-radius: 8px ;             box-shadow: 0px 0px...