Dr. Jalal Kiswani
Personal Website
  • Personal Website

Contents

  • Readings
  • Practice

Responsive, Font-Awsome, and others Stuff

Contents

  • Readings
  • Practice

Readings

  • https://www.w3schools.com/css/css_rwd_intro.asp

  • https://www.w3schools.com/css/css_rwd_viewport.asp

  • https://www.w3schools.com/css/css_rwd_grid.asp

  • https://www.w3schools.com/css/css_rwd_mediaqueries.asp

  • https://www.w3schools.com/css/css_rwd_images.asp

  • https://www.w3schools.com/css/css_rwd_frameworks.asp

  • https://www.w3schools.com/css/css3_flexbox.asp

  • https://www.w3schools.com/css/css3_flexbox_container.asp

  • https://www.w3schools.com/css/css3_flexbox_items.asp

  • https://www.w3schools.com/css/css3_flexbox_responsive.asp

  • https://www.w3schools.com/css/css_rwd_templates.asp

  • https://www.w3schools.com/icons/fontawesome5_intro.asp

  • Have a look at the icons at https://fontawesome.com/search

  • Have a look at the fonts at https://fonts.google.com/

Practice

  • Implement the following Mobile App mockup into static HTML pages image::web/app.jpg[]

  • Implement the following Web App dashboard into static HTML pages image::web/dashboard.jpg[]

Try to utilize FlexBox, FontAwsome, and Google Fonts in your work.

  • Push your work to GitLab

Copyright © 2022 Dr. Jalal Kiswani. PhD