This project is a website designed using the concept of Bento Layout, a popular design style inspired by the grid layout of boxes of varying sizes, as in a bento box. The website is built using HTML, CSS, and JavaScript technologies, which enable interactive and well-structured displays.
In this project, I utilized HTML to build the basic framework of the website, where each content is placed in a neat grid structure. CSS is used to embellish the appearance with unique colors, typography, and styles that fit the modern design concept. JavaScript is also added to provide interactivity, such as alerts when the user interacts with the page size.
This project demonstrates my understanding in the use of grid-based layouts and my ability to implement modern UI/UX design principles to improve user experience
| Color | Hex |
|---|---|
| Body Color | |
| Button Color | |
| Form Color | |
| placeholder Color | |
| Text Color |
To use this project
- git clone (https://github.com/adityadwin/Web-Design-Course-Final-Project---Bento-Layout.git)
- Start Live Server (index.html)
