Просмотр исходного текста страницы Научные издания ЯГПУ


<html>
<style>
* {
  box-sizing: border-box;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Создание 3 одинаковых столбца, которые находятся рядом друг с другом */
.column {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Адаптивный макет - делает два столбца стека друг на друга, а не рядом друг с другом */
@media screen and (max-width: 480px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
</style>
<body>

<div class="row"> 
  <div class="column">
    <a href="http://vestnik.yspu.org/"><img class="alignnone size-medium wp-image-11299" src="http://yspu.org/images/5/5a/%D0%9D%D0%B0%D1%83%D1%87%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%AF%D0%93%D0%9F%D0%A3_10.png" alt="" style="width:100%" /></a>
  </div>
<div class="column">
    <a href="https://vv.yspu.org/"><img class="alignnone size-medium wp-image-11299" src="http://yspu.org/images/7/70/%D0%9D%D0%B0%D1%83%D1%87%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%AF%D0%93%D0%9F%D0%A3_11.png" alt="" style="width:100%" /></a>
  </div>
</div>
<div class="row"> 
<div class="column">
    <a href="https://mir.yspu.org/"><img class="alignnone size-medium wp-image-11299" src="http://yspu.org/images/0/03/%D0%9D%D0%B0%D1%83%D1%87%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%AF%D0%93%D0%9F%D0%A3_13.png" alt="" style="width:100%" /></a>
  </div>
<div class="column">
<a href="https://spi.yspu.org/"><img class="alignnone size-medium wp-image-11299" src="http://yspu.org/images/f/f2/%D0%9D%D0%B0%D1%83%D1%87%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%AF%D0%93%D0%9F%D0%A3_14.png" alt="" style="width:100%" /></a>
  </div>
</div>
<div class="row"> 
<div class="column">
    <a href="http://sohhj.ru/"><img class="alignnone size-medium wp-image-11299" src="http://yspu.org/images/b/b2/%D0%9D%D0%B0%D1%83%D1%87%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%AF%D0%93%D0%9F%D0%A312.png" alt="" style="width:100%" /></a>
  </div>
<div class="column">
<a href="https://prs.yspu.org/"><img class="alignnone size-medium wp-image-11299" src="http://yspu.org/images/5/57/%D0%9D%D0%B0%D1%83%D1%87%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F_%D0%AF%D0%93%D0%9F%D0%A3_15.png" alt="" style="width:100%" /></a>
  </div>
</div>
</body>
</html>