You are browsing as a guest. Sign up (or log in) to start making projects!

Personal Site

  • 1 Devlogs
  • 1 Total hours

Personal Site, just trying to make it look nice... Looking to make it kind of apple style, since I like apple's appearance in UI.

Ship #1

I built a personal website using HTML and CSS. It includes a navigation bar, an About section, a Projects section, and a Contact section. I also added a profile image and styled everything with custom CSS to make it look clean and modern. The hardest part was fixing layout issues, especially getting the text and image to align correctly in the hero section. I also had to experiment a bit with CSS properties like margin, padding, and display to make everything look balanced. I’m proud that I was able to turn a basic HTML structure into a fully styled website with multiple sections that actually look good and work properly. I also like the design I ended up with after tweaking colors and spacing. It’s a simple personal website. You can scroll through different sections using the navigation bar, and clicking the links will jump to each part of the page. It works best on a desktop browser, and no setup is required—just open the site.

Try project → See source code →
Open comments for this post

1h 2m 19s logged

Personal Website Devlog #1

Today I spent about an hour building my personal website. I started by creating the basic HTML structure, then added a navigation bar along with About, Projects, and Contact sections.
After that, I linked an external CSS file and worked on styling the page. I experimented with different colors, fonts, spacing, borders, and rounded corners until I found a layout I liked. I also added a profile image and project cards.
I ran into a small issue where the first line of text was appearing next to my profile picture instead of below it. After adjusting the CSS, I got the layout working the way I wanted.
Finally, I cleaned up the code, checked that all of the navigation links worked correctly, and made a few final tweaks to the spacing and overall appearance.
Overall, I’m happy with how the site turned out, and I learned a lot more about structuring pages with HTML and styling them with CSS.

0
Original post
@yassinbs

Personal Website Devlog #1

Today I spent about an hour building my personal website. I started by creating the basic HTML structure, then added a navigation bar along with About, Projects, and Contact sections.
After that, I linked an external CSS file and worked on styling the page. I experimented with different colors, fonts, spacing, borders, and rounded corners until I found a layout I liked. I also added a profile image and project cards.
I ran into a small issue where the first line of text was appearing next to my profile picture instead of below it. After adjusting the CSS, I got the layout working the way I wanted.
Finally, I cleaned up the code, checked that all of the navigation links worked correctly, and made a few final tweaks to the spacing and overall appearance.
Overall, I’m happy with how the site turned out, and I learned a lot more about structuring pages with HTML and styling them with CSS.

Replies

Loading replies…

0
1

Followers

Loading…