2017-10-27 1 views
0

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.

Antwort

1

Fügen Sie ein <title> Tag zwischen den Kopf-Tags hinzu.

Verwandte Themen