[CSS] Day 9: Mediaquery and how to use





Gives variable
i.e. If screen size is < 800px, and gives conditions like no borderlines or content should display a certain way 

@media(max-width:800px){
        #grid{
              display: block;       Chnaged display look
         }
         ol{
             border-right:none;   No borderline 
          }
          hi{
              border-bottom:none;     No borderline
           }


split right --> 화면 오른쪽으로 두개 나뉨


* How to use link

It will take forever to apply one code to rest if I have thousands of files to work


1. Copy style code and delete 
2. Create new file: style.css and paste
3. <link rel="stylesheet" href="style.css">
4. Copy and replace this code instead of 

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