Membuat layout WEB responsive sederhana HTML dan CSS

Membuat layout WEB responsive sederhana HTML dan CSS

Dalam artikel ini admin akan membuat tutorial sederhana bagaimana cara Membuat layout WEB responsive sederhana dengan menggunakan HTML dan CSS. Oke, langsung saja ke langkah yang pertama yaitu dengan mem buat folder baru dan beri nama responsiveLayout.

Membuat file index

  • Buat file baru dengan nama index.html kemudian simpan di dalam folder responsiveLayout
  • Isikan source code berikut dalam file index.html 

Membuat file CSS

  • Buat file baru dengan nama style.css kemudian simpan di dalam folder responsiveLayout
  • Isikan source code berikut dalam file style.css 

Untuk Melihat hasilnya yaitu dengan cara buka file index.html di browser seperti Mozilla Firefox,Google Chrome dan lain sebagainya.

Berikut adalah tampilan file index.html di browser

Membuat layout WEB responsive sederhana HTML dan CSS

Itulah tutorial cara membuat layout responsive WEB sederhana HTML dan CSS semoga bermanfaat.

LEAVE A REPLY

Please enter your comment!
Please enter your name here