diff --git a/public/finalproject.html b/public/finalproject.html
index 33d7af2f31a45aa30750fd32ff9ce65f21bfff94..4ace20392040c7538dbfe534b645cdef4cd71aaf 100644
--- a/public/finalproject.html
+++ b/public/finalproject.html
@@ -28,18 +28,64 @@
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<style>
- div {
- text-align: justify;
- text-justify: inter-word;
- }
- </style>
- <style>
- img {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- </style>
+ /* Use flexbox to create a row layout */
+ .image-container {
+ display: flex;
+ }
+
+ /* Optional: Add some spacing between images */
+ .image-container img {
+ margin-right: 10px;
+ }
+ h2 {
+ margin-right: 150px;
+ margin-left: 150px;
+ }
+ h3 {
+ margin-right: 150px;
+ margin-left: 150px;
+ }
+ h4 {
+ margin-right: 150px;
+ margin-left: 150px;
+ }
+ p {
+ margin: 30px;
+ }
+ div {
+ text-align: justify;
+ text-justify: inter-word;
+ }
+ img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ p {
+ margin-right: 150px;
+ margin-left: 150px;
+ }
+ p {
+ font-size: 24px;
+ }
+ * {
+ box-sizing: border-box;
+ }
+
+ .column {
+ float: left;
+ width: 33.33%;
+ padding: 5px;
+ }
+
+ /* Clearfix (clear floats) */
+ .row::after {
+ content: "";
+ clear: both;
+ display: table;
+ }
+
+ </style>
</head>
<body>