Update timeline card layout and profile header styles (#2140)

* Update timeline card layout and profile header styles

* Create large-walls-wave.md

.changeset/large-walls-wave.md

@@ -0,0 +1,5 @@
+---
+"preview": patch
+---
+
+Fix timeline card layout and profile header styles

preview/pages/_includes/cards/timeline.html

@@ -58,18 +58,17 @@
 		<div class="card timeline-event-card">
 			<div class="card-body">
 				<div class="text-secondary float-end">3 days ago</div>
-				<h4>+2 New photos</h4>
+				<h4>+3 New photos</h4>
 				<div class="mt-3">
 					<div class="row g-2">
-						<div class="col-6">
-							<div class="media media-2x1 rounded">
-								<a class="media-content" style="background-image: url({% include "ui/photo.html" id=6 %})"></a>
-							</div>
+						<div class="col-4">
+							{% include "ui/photo.html" id=6 class="rounded" %}
 						</div>
-						<div class="col-6">
-							<div class="media media-2x1 rounded">
-								<a class="media-content" style="background-image: url({% include "ui/photo.html" id=7 %})"></a>
-							</div>
+						<div class="col-4">
+							{% include "ui/photo.html" id=7 class="rounded" %}
+						</div>
+						<div class="col-4">
+							{% include "ui/photo.html" id=8 class="rounded" %}
 						</div>
 					</div>
 				</div>

preview/pages/_includes/layout/headers/profile.html

@@ -7,7 +7,7 @@
 				{% include "ui/avatar.html" person=person rounded=true size="lg" %}
 			</div>
 			<div class="col">
-				<h1 class="fw-bold">{{ person.full_name }}</h1>
+				<h1 class="fw-bold m-0">{{ person.full_name }}</h1>
 				<div class="my-2">Unemployed. Building a $1M solo business while traveling the world. Currently at $400k/yr.
 				</div>