CSS Mini Project – Camera Menu

This is a small CSS practice project where I tried to build a camera-style menu layout using only HTML and CSS. I made this project while learning CSS to improve my layout and design skills.

Live Demo

👉 https://akash8843.github.io/CSS-Mini-Project/

Technologies Used

HTML

CSS

About the Project

The main goal of this project was to practice:

sidebar menu design

background image usage

basic positioning and alignment in CSS

The UI is inspired by a camera menu interface and focuses mainly on layout and styling.

Project Files CSS-Mini-Project ├── index.html ├── style.css └── photo.jpg

What I Learned

creating a sidebar menu using CSS

working with background images

better understanding of CSS positioning

organizing a small project properly

How to Run

Clone the repository

git clone https://github.com/akash8843/CSS-Mini-Project.git

Open index.html in any browser

That’s it.

Author

Akash Shukla GitHub: https://github.com/akash8843

Note

This is a beginner-level project made for learning purposes. I’ll keep improving my CSS skills and update projects like this in the future.itory Suggestions and improvements are always welcome!ills and update projects like this in the future.