Flexbox vs Grid CSS & Understanding Responsive Design

-

 

 CSS Grid about the two-dimensional position 

display:grid;

grid template columns: 30% auto;

grid-template-rows: 60px auto 60px;

grid-template-areas:"HD HD ";

grid area: "hd";

Understanding Responsive Design 

Why?

Working media Queries 

Creating a Side Drawer


Comments

Post a Comment

Popular posts from this blog

More About The "JSON" Format

-
Image
  JSON is an acronym for "JavaScript Object Notation" and it's a standardized way of formatting text data into a machine- and human-readable format. JSON-formatted text data looks like this: {     "username": "Max",     "age": 32,     "hobbies": ["Sports", "Cooking"],     "address": {       "city": "Munich",       "street: "Some street 5"     } } It's called "JavaScript Object Notation" because the formatting resembles the "look" and structure of objects in JavaScript code. Though, it's important to understand that you can work with JSON-formatted data in JavaScript (e.g. you can read or write a file that contains data in that format) BUT it's not JavaScript-exclusive. Instead, it's a very common data format for all kinds of use cases and it's usable in basically all programming languages. Again: The above snippet is some text (...
Read more

Arrays JavaScript Objects JavaScript

-
Image
  Arrays The Array object, as with arrays in other programming languages, enables storing a collection of multiple items under a single variable name and has members for performing common array operations. Description In JavaScript, arrays aren't primitives but are instead Array objects with the following core characteristics: JavaScript arrays are resizable and can contain a mix of different data types. (When those characteristics are undesirable, use typed arrays instead.) JavaScript arrays are not associative arrays and so, array elements cannot be accessed using arbitrary strings as indexes, but must be accessed using nonnegative integers (or their respective string form) as indexes. JavaScript arrays are zero-indexed: the first element of an array is at index 0, the second is at index 1, and so on — and the last element is at the value of the array's length property minus 1. JavaScript array-copy operations create shallow copies. (All standard built-in copy operations with...
Read more