header {}
nav {}
main {}
section {}
article {}
aside{}
footer{}

.ListArticle {}  /* отображение в одну колонку */







.block, cite, header , nav, section, footer, figcaption {display: block; }
main, article, figure, .ListArticle { display: inline-block; }

figure {position: relative;}

nav ul, nav li { display: inline-block; margin-left: 10px; margin-right: 10px;}



h1,h2,h3,h4,h5,h6 {margin-block-start: 0px; margin-block-end: 0px; vertical-align: top; }
h1,h2,h3,h4,h5,h6 {margin-top: 5px; margin-bottom: 5px; }

body {
    display: block;
    text-align: center; 
    margin: 0px;
    min-width: 300px;
}

main {
    position: relative;
    width: calc(100vw - 30px); 
}

article, .ListArticle {text-align: left;}


@media screen and (min-width:300px){
    main>article , .ListArticle{ width: 300px;}
}
@media screen and (min-width:600px){
    main>article , .ListArticle{ width: 600px;}
}
@media screen and (min-width:700px){
    main>article , .ListArticle{ width: 700px;}
}
@media screen and (min-width:900px){
    main>article , .ListArticle{ width: 900px;}
}