.card {...}div.card{...}ul.pagination li a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
}<div class="search-form">
<form method="post">
<input id="search" name="" value="" placeholder="Поиск" required="" type="search" autocomplete="off">
</form>
</div><?php
header("Content-Disposition: attachment; filename=".$_GET['file']);
readfile($_GET['file']);
?><a href="download.php?file=fileName.txt">ТЫК</a> <!DOCTYPE html>
<html>
<head>
<style>
#progressbar {
background-color: black;
border-radius: 13px; /* (height of inner div) / 2 + padding */
padding: 3px;
}
#progressbar > div {
background-color: orange;
width: 40%; /* Adjust with JavaScript */
height: 20px;
border-radius: 10px;
}
</style>
</head>
<body>
<div id="progressbar">
<div></div>
</div>
</body>
</html><div style="background-color: black; border-radius: 13px; padding: 3px;">
<div style="background-color: orange; width: 40%; height: 20px; border-radius: 10px;"></div>
</div>$news; //массив со статьями
$col = 3; //количество столбиков
for($i=0 ; $i<count($news) ; $i+=$col) {
echo $news[$i]; //Грубо говоря вывод в 1 столбец
}
for($i=1 ; $i<count($news) ; $i+=$col) {
echo $news[$i]; //вывод в 2 столбец
}
for($i=2 ; $i<count($news) ; $i+=$col) {
echo $news[$i]; //вывод в 3 столбец
}span {color: red;}
media (min-width: 1200px) {
.my-class{background-color: black;}
span {color: green;}
}
media (max-width: 767px) {
.my-class{background-color: green;}
span {color: black;}
}