Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- }
- img{
- width: 100%;
- }
- header{
- width: 100%;
- height: 5vh;
- background-image: linear-gradient(#00a2ff, #54c1ff);
- color: white;
- text-align: center;
- font-size: 2.4vh;
- }
- header p{
- display: block;
- text-align: center;
- }
- article{
- display: flex;
- }
- nav{
- width: 30%;
- }
- nav ul li {
- margin: 15px;
- list-style-type: none;
- text-align: center;
- }
- article section{
- width: 60%;
- max-width: 60%;
- float: left;
- margin: auto;
- vertical-align: text-bottom;
- }
- article section div{
- display: flex;
- flex-flow: wrap column;
- float: left;
- }
- article section img{
- float: left;
- width: 50%;
- display: block;
- padding: 5px;
- }
- article section p{
- vertical-align: text-bottom;
- }
- footer{
- width: 100%;
- text-align: center;
- }
- .kasprzyk{
- width: 100%;
- }
- .cebulski{
- width: 100%;
- }
- .podstronaArticle section{
- width: 50%;
- text-align: justify;
- margin: auto;
- padding: 5px;
- }
- @media only screen and (max-width: 700px){
- *{
- width: 100%;
- text-align: center;
- }
- header, article, nav, section, footer{
- width: 100%;
- text-align: center;
- display: flex;
- flex-flow: row wrap;
- margin: auto;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement