Skip to content

Shellyda/simple-html-css-onepage

Repository files navigation

Introduction to My Initial Project in Web Development

Embarking on my journey into the realm of web development, I immersed myself in the fundamental technologies of HTML and CSS. This inaugural project unfolded during my participation in the 'Complete Front-end' course at Danki Code.

Screenshot 2023-12-15 at 03 04 40

Click here to check out the deployed project!

An Unforgettable Episode

Amidst the development of this seemingly simple site, a comical incident stands out in my memory. A tiny comma, innocently misplaced in the style coding, resulted in an unexpected setback, consuming approximately 3 hours of my time. Yes, you read it right! A solitary comma disrupted the entire flow of the style file (.css), rendering the site devoid of any style. Picture the dismay—everything appeared polished, styled, and in a fleeting moment, all the style VANISHED! For those yet to encounter such coding escapades, brace yourselves for such adventures! heheheheheh <3

Project Highlights

  • Course Undertaken: 'Complete Front-end' at Danki Code.
  • Technology Stack: HTML and CSS exclusively.
  • Responsive Design: The project incorporates a responsive design approach, ensuring optimal user experience across various devices.

Key Learnings

  1. Attention to Detail: Emphasizing the importance of meticulous coding practices.
  2. Problem-solving Skills: Navigating unexpected challenges, such as the infamous comma incident.
  3. Responsive Design Mastery: Gaining proficiency in creating designs that adapt seamlessly to diverse screen sizes.

Project Specifications

  • Type: Simple Landing Page.
  • Features: Responsive design, image and text manipulation, basic styling techniques, application of Float and Display inline-block, accompanied by insightful comments in the code (.html + .css).

Reflecting on the Experience

This project serves as a testament to the unpredictable yet valuable lessons embedded in the journey of a budding web developer. As a parting note, I've provided both Responsive and Non-Responsive versions of the project for comprehensive study, enabling an organic understanding of the intricacies of responsive design.

Happy Coding! 🚀


I share various materials on Front-End technologies with practical examples on my GitHub profile! Currently, my focus is on Web Development using HTML, CSS, and JavaScript.

Feel free to explore my repositories where I provide free materials on these topics and more. Let's study together!! 🙂 ❤️ 👍

My Projects:

  • Exploring the Basics of HTML and CSS. Click here 🧡 💙

  • JavaScript for beginners in programming. Click here 💛 💛 💛

  • Advanced techniques of HTML5 and CSS3. Click here 🟠 🔵

  • Advanced web development with JavaScript. Click here ⭐ ⭐ ⭐