Today's Task: Building the Contact Form
Today, I began working on the contact form for my site. The form is still incomplete, but I was able to set up the foundational structure.
Started with Directory Cleanup
Before even opening the actual contact page, I found myself reorganizing the project directories and file structure. That took longer than expected and, by the time I turned to the page itself, most of the day had already passed.
Handling Header Differences Between Pages
One issue I encountered was that the contact page header needed to behave slightly differently from the main page. On the homepage, the header uses an isScrolled prop to apply visual changes during scroll. This small difference required more time to implement than I anticipated.
Layout Struggles: Logo and Background Alignment
Even though I copied the same CSS settings for background size and logo positioning, subtle misalignments kept appearing. It took quite a bit of tweaking to make things line up properly across both pages. Small visual inconsistencies like this can be surprisingly time-consuming.
Current Status
By the end of the day, I had the basic layout for the contact page in place. The structure is there, but it’s not yet styled or functional.
Next Steps
Tomorrow, I’ll start filling in the necessary form elements and polish the design using Tailwind CSS. My goal is to keep the layout clean and accessible, with smooth transitions and consistent spacing.
Date: June 24, 2025
tags: portfolio, webdev, tailwindcss, nextjs, uiux
Top comments (0)