Skip to content

Saadnadeem07/html-css-responsive-site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Website — HTML & CSS Only | No GPT | Practice Project

This is a fully responsive website built from scratch using pure HTML5 and CSS3.
The entire project was developed as part of my personal practice journey — without using any AI assistance (like ChatGPT or Copilot) or any frontend frameworks.

I created this project after completing the HTML & CSS course by Jonas Schmedtmann to solidify my foundational skills and gain confidence in hand-coding responsive layouts using only trusted web documentation.


🌐 Live Preview

🔗 View the live site on GitHub Pages


🚀 Key Highlights

  • ✅ Fully responsive layout (mobile, tablet, desktop)
  • ✅ Built using semantic HTML5 and modern CSS
  • ✅ No AI (ChatGPT, Copilot, etc.)
  • ✅ No frameworks or libraries (No Bootstrap, no Tailwind)
  • ✅ Pure practice project to build real-world skills
  • ✅ Learned via trusted sources: MDN, W3Schools, Jonas Schmedtmann course

🧱 Tech Stack

Technology Purpose
HTML5 Structure and semantics
CSS3 Styling, layout, responsiveness
Flexbox Component alignment and structure
CSS Grid Page layout design
Media Queries Responsiveness across devices

📚 Learning Sources

This project was built by combining the knowledge gained from:

  • ✅ Jonas Schmedtmann’s HTML & CSS course on Udemy

🧠 Purpose of This Project

I’ve started a focused journey to master full-stack web development — beginning with HTML and CSS, then progressing through JavaScript, the MERN stack, and eventually Next.js — all without using any AI tools. This project is one of the first in that journey. Instead of AI, I rely on trusted resources like MDN, W3Schools, and official documentation to truly understand and build each concept myself.


📄 License

This project is open-source and free to use for learning and personal practice.

Do not use commercially without permission.

About

Responsive Website — HTML & CSS | No GPT | Practice Project

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published