Cheat

Media Queries

Media Query Help

@import url(‘1.css’) (min-width: 1200px);

@media screen and (min-width: 480px) and (max-width: 789px) {
/* css*/
}

flexbox

display:-webkit-flex;
display:flex;
justify-content:space-between;
align-items:center;
align-content:space-between;
flex-wrap:wrap;

<head>

<head lang=”eng”>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no” />
<link rel=”stylesheet” type=”text/css” href=”style.css” >
<script src=”main.js”>
<link rel=”stylesheet” href=”font-awesome-4.7.0/css/font-awesome.min.css”>
< /head>