[CSS] Day 8: Responsive Web



What is a responsive web and how can I make one?

* What I learn so far
- In the property:value, : colon is not necessary when you add color 
- basically does not work when you use solid:green; should be --> solid green;

first, right-click --> Inspect shows web page size


I can control the size so it makes viewing much easier

such as

my condition: screen width > 800px
can express by @media 


@media(min-width:800px) {
       div{
           display:none;
        }
  }


If my condition is screen width < 800px

@media(max-width:800px) {
       div{
           display:none;
        }
  }
This means if the webpage size is greater than 800px display will be none


* What I learn so far
- @mediaquery allows controlling screen size



Popular posts from this blog

[CSS] Day 4: Let's practice - box

Image
Let's create box.html and retain basic html code <!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <title></title>   </head>   <body>   </body> </html> Block-level element and inline element Block-level: uses entire space /* block level element */ Inline element: uses partial /* inline element */ comma , allows duplicate code  h1, a{      border:5px solid red;  } more examples : CSS box model --> image search Right-Click --> Inspect
Read more

[AWS] Intro to Cloud Practitioner 01

What is Cloud Computing? On-demand delivery of IT resources and applications via the internet. This allows to measure scale up and down depends on what we actually need Could be temporary and easy to fix Could reduce risk and reliable coverage and secure data Agility is the key Quick response and flexibility is helpful  Could be used to your own pace Customer can grow and shrink flexible  Why do companies move to cloud computing? Its because of agility! 3 of the main factors that influence agility are: 1. Increasing speed 2. The easy of experimentation 3. Cultivating of cultural innovation Possible to global reach in a minute does not require much to depend on the building infrastructure Consistent development setting Elasticity - allow to scale up and down instantly
Read more

[AWS] AWS Management Interfaces 02

AWS Management Interfaces 3 ways to use AWS -  built upon API 1. AWS Management Console Easy-to-use graphical interface that supports the majority of Amazon Web Services Usability Benefits Let you use to open via the android platform  View your existing resources, alarms, perform operation tasks  2. Command Line Interface (CLI) Access to services via the discrete command Allow you to automate and repeat of the AWS resources 3. Software Development Kits (SDKs) Incorporate the connectivity and functionality of the wide range of AWS Cloud services into your code can help you use with your existing application by using code You have the flexibility to create your own
Read more