Версия для слабовидящих
Научные журналы — различия между версиями
Материал из Ярославский педагогический университет
Ya.repin (обсуждение | вклад) (Новая страница: «Скоро здесь будет информация») |
Ya.repin (обсуждение | вклад) |
||
| (не показаны 20 промежуточные версии 2 участников) | |||
| Строка 1: | Строка 1: | ||
| − | + | ||
| + | <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="https://sppyspu.ru/"><img class="alignnone size-medium wp-image-11299" src="https://yspu.org/images/1/13/%D0%A1%D0%BF%D0%B5%D1%86%D0%B8%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D0%BF%D1%81%D0%B8%D1%85%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D1%8F.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> | ||
| + | |||
| + | <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"> | ||
| + | </div> | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
Текущая версия на 16:58, 24 июля 2024
