solve the error
YouTube.com Clone
<pre><code></title>
<style>
p {
font-family: Roboto, Arial;
margin-top: 0;
margin-bottom: 0;
}
.thumbnail {
width: 300px;
display: block;
}
.search-bar {
display: block;
}
.video-title {
margin-top: 0;
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-bottom: 12px;
}
.video-preview {
width: 300px;
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.video-info-grid{
display: grid;
grid-template-columns: 50px 1fr;
}
.channel-picture {
display: inline-block;
width: 50px;
vertical-align: top;
margin-top: 15px;
}
.video-info {
display: inline-block;
width: 210px;
margin-top: 15px;
}
.profile-picture {
width: 100%;
border-radius: 40px;
}
.thumbnail.row {
margin-bottom: 12px;
}
.video-stats {
font-size: 12px;
color: rgb(96, 96, 96);
}
.video-author {
font-size: 12px;
color: rgb(96, 96, 96);
margin-bottom: 4%;
}
</style>
</code></pre>
</head>
<body>
<input class="search-bar" type="text" placeholder="search">
<pre><code><div class="video-preview">
<div class="thumbnail-row">
<img class="thumbnail" src="thumbnails/thumbnail-1.webp">
</div>
<div class="video-info-grid">
<div class="channel-picture">
</div>
<img class="profile-picture" src="channel-pictures/channel-1.jpeg">
</div>
<div class="video-info">
<p class=" video-title">
Talking Tech and AI with Google CEO Sunder Pichai!
</p>
<p class="video-author">
Marques Brownlee
</p>
<p class="video-stats">
3.4M views · 6 Months ago
</p>
</div>
<div>
</div>
</div>
<div class="video-preview">
<img class="thumbnail" src="thumbnails/thumbnail-2.webp">
<div class="video-info-grid"></div>
<div class="channel-picture">
<img class="profile-picture" src="channel-pictures/channel-2.jpeg">
</div>
<div class="video-info">
<p class=" video-title">
Try Not To Laugh Challenge #9
</p>
<p class="video-author">
Markiplier
</p>
<p class="video-stats">
19M views · 4 years ago
</p>
</div>
</div>
</code></pre>
</body>
</html>
HelloWorld521
