My First Personal Site
By
@KalebCodes
- 2 Devlogs
- 9 Total hours
This is my first website, and all about me/what I do.
Ship #1
@KalebCodes
on
My First Personal Site
What did I make?
I created a devlog page and a reusable template to record progress, and I updated the site header/navigation while polishing layout and accessibility.
What was challenging?
I balanced time constraints with keeping posts short and useful, and I worked through responsive layout quirks to make the header and content behave well on small screens.
What am I proud of?
I shipped a simple, reusable structure that makes future updates fast, cleaned up navigation for consistency, and improved mobile spacing and accessibility.
How to test my project
1. Open the site homepage in a browser.
2. Use the header navigation to open the devlog page.
3. Resize the window or use device emulation to check responsiveness.
4. Navigate with keyboard and/or a screen-reader to verify basic accessibility.
5. Tell me what you see or file feedback so I can iterate.
@KalebCodes
on
My First Personal Site
2h 50m 44s logged
Highlights
-
Polished homepage copy and improved mobile spacing in CSS.
-
Added a light/dark mode
What I worked on
-
Standardized header/navigation across pages.
-
Fixed a few layout breakpoints for mobile in CSS.
Next steps
-
Write a short case study for the top project.
-
Optimize images and add lazy-loading.
@KalebCodes
on
My First Personal Site
6h 12m 43s logged
I finished the frontend of my website.
After repeatedly consulting the W3 Schools advanced CSS guides, I was able to finish the UI/UX part of my site.
As I kept building, I added more structure to the site with separate pages for my background, projects, and a custom 404 page. One of the biggest challenges was making the site feel consistent across all of those pages instead of just having one good-looking homepage. I had to work through layout issues, spacing problems, and styling differences so everything would feel like part of the same site. I also spent time fixing favicon and asset problems, which took some trial and error before everything displayed correctly. The biggest improvement came when I focused on the frontend polish. I refined the CSS, improved the spacing and responsiveness, and gave the site a more finished visual identity. That meant going back and reworking parts that already worked but did not look as clean or intentional as I wanted. I also removed unused assets and cleaned up the project so it stayed focused. Overall, the site went from a simple personal page into a more complete portfolio that better reflects who I am and the kind of work I want to share.
Demo link: https://kaleb973.github.io/Kaleb-Web/
