Getting started with Media Queries

-


 Media Query is a CSS code


Comments

Post a Comment

Popular posts from this blog

ADVANCE FUNCTIONS JS

-
Image
 A function has access to the variable environment (VE) of excecution context it was created  Closure : VE attached to the function, exactly as it was at the time and place the function was created  A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an inner function. In JavaScript, closures are created every time a function is created, at function creation time. A closure is the closed-over variable environment of the execution context in which a function wascreated, even after that execution context is gone. A closure gives a function access to all the variables of its parent function , even after that parent function has returned. The function keeps a reference to its outer scope, which preserves the scope chain throught time. A closure makes sure that a function doesn't loose connection to variable that...
Read more

Inserting New HTML Elements via JavaScript

-
Image
                             How to add a new element to HTML DOM in JavaScript? To add a new element to the  HTML DOM , we have to create it first and then we need to append it to the existing element. Steps to follow 1) First, create a  div section  and add some text to it using  <p> tags .  2) Create an element  <p>  using  document.createElement("p") . 3) Create a text, using  document.createTextNode() , so as to insert it in the above-created element("p"). 4) Using  appendChild()  try to append the created element, along with text, to the existing  div  tag. Thus a new element is created(<p>) and appended to the existing element(<div>).
Read more

Layouts & position

-
Image
1. static 2 absolute  3. relative  4. fixed  what do we change? Document flow  + positioning context  working with (Background) images Understanding Flexbox & Grid Diving deeper into Units   Flexbox aligned and positioned inside such a box  Flex container  is the direct parent of the flex items Original  Display: flex; Flex-direction: row; by default  Flex-direction: column; Flex-direction: column-reverse Flex-direction:row-reverse;   Flex-direction:row; Flex-wrap; allows the items to wrap as needed  align-items : center ; Justify-content: space-between; Justify-content: space-around;
Read more