ich das linke Bild von diesem Entwurf am Klonen:Cloning Dribble Layout. Wie habe ich getan und was muss verbessert werden?
https://dribbble.com/shots/2262761-Mobile-Blog-App-Interface/attachments/424147
Hier ist meine codepen:
https://codepen.io/TheKyleDev/project/full/ZWbLbw
Code: https://codepen.io/TheKyleDev/project/editor/ZWbLbw
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header class="hero">
<h4>Mark Manson</h4>
<h1>The<br />Dark Side<br />of the<br />Digital<br />Nomad</h1>
<div class="btn"><a href="#">Travel</a></div>
</header>
<footer>
<p class="close-btn">Close</p>
<div class="dots-container">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot active"></div>
<div class="dot"></div>
</div>
<p class="chat">Chat</p>
</footer>
</body>
</html>
wollte ich Hilfe, wie Ich kann das verbessern, was schlecht ist und wie mein Weg ist der Codierung ist es.