DEV Community

Cover image for Day 02 - Making My Blog More Modular with CSS & Learning Git Merge
Sourav Yadav
Sourav Yadav

Posted on

Day 02 - Making My Blog More Modular with CSS & Learning Git Merge

Hey folks 👋

Welcome back to Day 02 of my “Escape Tutorial Hell” dev journey!

Today was all about organizing my code, getting better with version control, and discovering how powerful browser DevTools can be.


🛠️ What I Did Today

  • Added a new blog post page: day02.html
  • Created an external CSS file (assets/style.css) to clean up inline styles
  • Styled my navigation bar using basic CSS — looks much cleaner now!
  • Learned how to use git merge to combine my stylize branch into main
  • Spent time exploring DevTools (box model, layout debugging, color picker)

🤔 What I’m Still Figuring Out

  • I’ve heard from one awesome dev about using Svelte for templating HTML components like navbars. Sounds cool, but I’m yet to figure it out. If you’ve got some resources or advice, please share!

🧠 Today’s Learning

  • Using Git branches is like time-travel for code — git merge helped me combine styling changes smoothly.

my terminal output for git merge stylize in the main branch

  • DevTools is a game-changer! I now understand how layout and spacing actually work — not just in theory.

🎯 What’s Next?

  • Improve the design of the site with a minimal theme
  • Explore templating options like Svelte or maybe try out something else
  • Keep building, learning, and documenting here and soon get to the point of implementing MERN stack or Next.JS

💬 Your feedback means a lot!

If you’re a fellow dev, beginner or experienced — I’d love your thoughts on:

  • Minimal design suggestions (colors, fonts, spacing)
  • HTML templating tools you recommend
  • How you tackled layout issues early in your journey

Let's build and grow together! 🌱

🖥️ Live Blog: https://codingtheself.github.io/webdevblog

Until tomorrow,
Sourav Yadav

Top comments (9)

Collapse
 
dotallio profile image
Dotallio

Awesome momentum! Moving CSS out was a total unlock for me too. For minimal themes, I found sticking to one accent color and lots of whitespace makes everything feel cleaner fast - have you tried using CSS variables for easy theming?

Collapse
 
coding_self profile image
Sourav Yadav

CSS now has variables?? what. I will look it up
And well I think I have lots of whitespaces actually maybe making everything black and white and then, it will easy to add dark mode feature or theme into it.

Thanks

Collapse
 
nevodavid profile image
Nevo David

Growth like this is always nice to see, makes me wanna get back into tweaking my own blog too.

Collapse
 
coding_self profile image
Sourav Yadav

Go ahead, I was procrastinating so I just started creating this plain blog using HTML and CSS and hosted it on github pages

now, I will be improving this website and then, maybe use svelte or ReactJS for more functionality later.

So, just start a personal blog will be like a your own diary fully custom made and I would love to read your journey.

Collapse
 
cheapai profile image
Cheap'ai

This is awesome!

Collapse
 
coding_self profile image
Sourav Yadav

Thanks

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

been cool seeing steady progress - it adds up. you think building habits early in coding makes a real difference long-term or do most folks just figure it out later anyway?

Collapse
 
coding_self profile image
Sourav Yadav

well, most folks do figure it out later through experience as a part of the Natural process.

Like I also found lots of common problems while I was coding and those problems already had solutions found by the more experienced devs.

So, I believe in learning only the most fundamentals habits in coding as then, you will find new problems and then, build new habits and actually know why those habits are necessary and helps.

but if you have a good mentor and you are short in time, then just build those habits early

Collapse
 
parag_nandy_roy profile image
Parag Nandy Roy

Loving the journey..