@charset "UTF-8";

.clanek {
  display: grid;
  grid-template-rows: auto 1fr; 
  border-bottom: rgb(192 192 192 / 0.5) solid 1px;

}
.clanek img {justify-self: center; align-self: center; max-width:280px; }

.b {  display: block ;}

/* mobilni verze */
@media only screen and (max-width: 767px) {

.clanek h3 {margin-bottom:10px; padding-top:10px;}
.clanek p  {margin-top:10px;}
.clanek img {margin: 20px 0px 30px 0px;}
.b {padding-bottom: 20px;}
}

/* pc verze */
@media only screen and (min-width: 768px) {  

.clanek {padding:30px 0px 30px 0px;}


.clanek:nth-child(odd) { grid-template-columns: 2fr 4fr; }
.clanek:nth-child(even) { grid-template-columns: 4fr 2fr; }

/* levá strana */
.clanek:nth-child(odd) p {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 2;

}

.clanek:nth-child(odd) h3 {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 1;
}

.clanek:nth-child(odd) img {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 3;

}

/* prava strana */
.clanek:nth-child(even) p {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 2;
  grid-row-end: 2;

}

.clanek:nth-child(even) h3 {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1;
}

.clanek:nth-child(even) img {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;

}
}

/* mezerka k obrázku pri tabletu */
@media only screen and (max-width: 1439px) and (min-width: 767px) {
.clanek:nth-child(odd) img {margin-right: 20px; }
.clanek:nth-child(even) img {margin-left: 20px; }
}

/* .clanek img, .clanek, .clanek p, .clanek h3 {border:solid black 1px;} */