Witam,
nie działa mi opcja: display:flex;
strona jest pod adresem 698197568mk.online
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>test</title>
<link rel="stylesheet" href="style.css">
<?php
//php
?>
</head>
<body>
<header>
<div class="logo">ArkaVlog<div>
</header>
<nav>
<div class="menu">
<div class="button">podstrona1</div>
<div class="button"> podstrona2</div>
<div class="button"> podstrona3</div>
<div class="button"> podstrona4</div>
</div>
</nav>
<main>
<div class="content">
HMS Abercrombie – brytyjski monitor z okresu I wojny światowej, jedna z czterech jednostek typu Abercrombie. Okręt miał wyporność 6150 ton i osiągał prędkość 6,5 węzła, a jego główne uzbrojenie stanowiły dwa działa kalibru 356 mm produkcji amerykańskiej, uzupełniane przez artylerię mniejszego kalibru. Zwodowany w kwietniu 1915 roku w stoczni Harland and Wolff w Belfaście, został wcielony do służby w Royal Navy w maju 1915 roku. Początkowo okręt miał otrzymać nazwę na cześć amerykańskiego admirała Davida Farraguta, jednak ostatecznie nazwano go na cześć XVIII-wiecznego brytyjskiego generała Ralpha Abercromby’ego. Okręt wziął czynny udział w działaniach wojennych na Morzu Śródziemnym, uczestnicząc m.in. w kampanii dardanelskiej. HMS „Abercrombie” został wycofany ze służby 9 maja 1919 roku, a w roku następnym rozbrojony. W 1927 roku monitor został sprzedany firmie T.W. Ward i trafił do stoczni złomowej w Inverkeithing, gdzie został rozebrany do końca 1927 roku. Czytaj więcej…
</div>
</main>
</body>
</html>
*{
margin: 0;
padding: 0;
background-color: black;
color: white;
}
.logo{
background-color: #1a1a1a;
color: white;
text-align: center;
}
.menu{
display: flex;
}
.button{
border: white 3px solid;
}
Z góry dziękuję za odpowiedzi
