<h5>previewbox-link<h5>
<div class="flex-wrap">
<previewbox-link href="https://web-highlights.com"> </previewbox-link>
<previewbox-link href="https://web-highlights.com/about" dark> </previewbox-link>
<previewbox-link
url="https://example.org"
title="This Title Was Manually Passed"
description="This description was manually passed. The data was not fetched from the URL because no href was provided."
imageUrl="https://picsum.photos/1200/630"
imageAlt="Lorem Ipsum Image"
author="Jon Doe"
target="_self"
rel="nofollow">
</previewbox-link>
</div>
<h5>previewbox-article<h5>
<div class="flex-wrap">
<previewbox-article href="https://web-highlights.com"></previewbox-article>
<previewbox-article href="https://web-highlights.com/about" dark></previewbox-article>
<previewbox-article
url="https://example.org"
title="This Title Was Manually Passed"
description="This description was manually passed. The data was not fetched from the URL because no href was provided."
imageUrl="https://picsum.photos/1200/630"
imageAlt="Lorem Ipsum Image"
author="Jon Doe"
target="_self"
rel="nofollow">
</previewbox-article>
</div>
@import url(https://fonts.googleapis.com/css?family=Roboto);
html {
font-family: 'Roboto';
width: 1000px;
max-width: 100%;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 12px;
}
External CSS
This Pen doesn't use any external CSS resources.