gpt4 book ai didi

html - 克隆 dribbble 布局。我是怎么做的,哪些地方需要改进?

转载 作者:太空宇宙 更新时间:2023-11-04 08:01:27 25 4
gpt4 key购买 nike

我正在克隆这个设计的左图:

https://dribbble.com/shots/2262761-Mobile-Blog-App-Interface/attachments/424147

这是我的代码笔:

https://codepen.io/TheKyleDev/project/full/ZWbLbw

代码: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>

我需要有关如何改进它、它有什么缺点以及我的编码方式的帮助。

最佳答案

添加 <title>头标签之间的标签。

关于html - 克隆 dribbble 布局。我是怎么做的,哪些地方需要改进?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46984632/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com