I am learning website development on my own by developing a website using HTML, CSS, and JavaScript. Currently there is no JavaScript used, as I am still developing and learning new things related to HTML and CSS. I am just at the beginning stage.
Actually, this is very interesting, as I am not learning a pre-designed textbook or YouTube videos. I am actively building a website and learning from it.
I already used HTML templates and Hugo and Zola, like static website generators. So writing code was never harder, but implementing features or arranging screen space is a big pain.
I know the site looks a lot uglier, but before it was more ugly and misaligned than this. At least I managed to make it like this.
Note:
The posts and contents on this website are converted from my Hugo site, which used Markdown format. The site link is provided at the footer, and the code is also on GitHub. The images are from Unsplash and Pixel sources.


I am curious about your workflow, are you writing your blog posts in markdown, the using an online markdown to html converter, then copy pasting the output onto your website?
Also this is a good resource for learning some CSS: https://css-tricks.com/
They have some very helpful guides for things like flex boxes: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
I use ghostwriter to write blogs in markdown. Then with the help of a converter i convert it into html format and modify it from there.
Why not directly write in HTML?
Because for me writing blogs in direct html feels so hard for several reasons,
But why I may switch?
I would consider to switch to directly writing blogs in HTML when i have enough knowledge about web development. The reasons are,
I recommend directly writing on HTML rather than Markdown to reduce the effort needed.
Thank you for the resources. It looks very helpful.