Today i have build my first project...

🌐 I’ve built my first project using HTML & CSS – a fully responsive EdTech website named Skillora!

While I know that Tailwind CSS is widely used nowadays and helps in building UI faster with utility classes, I intentionally chose to work with pure CSS for this project. My aim was to get hands-on experience with core CSS concepts like flexbox, grid, media queries, and responsiveness from the ground up. I believe that before using abstraction tools, having a solid understanding of the basics is crucial.

📱 Built with a mobile-first approach
🎨 Designed with a clean, modern layout
💻 Practiced structuring semantic HTML and writing maintainable CSS
🧠 Learned a lot about responsive design, visual hierarchy, and layout building
🔗 Check it out here: my web url ->

This project marks the beginning of my web development journey. I’m looking forward to exploring JavaScript next, and later diving into frameworks like Tailwind CSS and React.

I’d really appreciate your feedback! Let me know what you think 🙌

HTML #CSS #WebDevelopment #ResponsiveDesign #FrontendDevelopment #EdTech #100DaysOfCode #CodingJourney #DevPortfolio

Comments

[Nathan Tarbert]

this is extremely impressive, there’s real value in learning the basics the hard way first
you ever wonder if starting with frameworks changes how people learn or if it just makes things more overwhelming in the long run

[Alexandru Ene]

Your webpage looks impressive! You did a very good job on design, nice and simple and to the point. I also like the animation, how the text slowly comes from the left. It gives a professional feel.

Some feedback:

1. On smaller devices, your main section is not centered properly. I noticed you made use of padding, but still stays more on the right. You could use margin-inline: auto for an easy fix.
2. Your feature cards animation has ease in, but it goes back so abruptly and it feels like frame drop. You could use ease-in-out, for a smoother appearance.
3. On smaller devices, under 850px wide, on hovering on feature cards, you get some overflow and scrollbar.
4. Your newsletter container has a fixed height and on smaller devices its content doesn't fit inside, so you end up not seeing the title and the terms of use. You can safely delete the height property and let the container grow automatically in height as its content wrap.

Overall, you should be proud of how it came out. You clearly understand how html and css work. You are on a good path. Good job!

[suman_-]

Thank you so much for taking the time to review my project and share your detailed feedback! I really appreciate your kind words about the design and animations — it means a lot.
I’m still learning and experimenting, so feedback like this really helps me improve.
and once again thanks for the first feedback bcz i realy need that!

[csm]

Awesome!

[Parag Nandy Roy]

Starting with pure CSS shows real commitment...

[Vida Khoshpey]

Wowoowwoow you are sure this is your first project. this is so awesome 😎👍🏻 keep going 💪🏻

[suman_-]

Thank you! I really appreciate your kind words — means a lot 🙏🏻
Glad you liked it, and I’ll keep going! 💪🏻😄

[trucktrek trek]

hello

[Alexa Hayes]

Awesome website! Champ!!!