LEGO Homage Piece

🌐 Project

This project is a homage to the LEGO index page, recreated as part of the Jump Digital School course. The primary focus is on developing skills in HTML and CSS/SASS, emphasizing the ability to create pixel-perfect clones of existing websites. This project does not involve any JavaScript, showcasing the power and versatility of pure HTML and CSS in web development.

🏠 Demo Link

✨ Features

• Pixel-Perfect Design: A precise recreation of the LEGO index page.
• HTML and CSS/SASS Implementation: Exclusively uses HTML and CSS/SASS for structure and styling.
• Responsive Layout: Mobile first approach ensuring compatibility and optimal viewing experience across different devices.
• No JavaScript: Demonstrates the effectiveness of HTML and CSS without the use of JavaScript.

🔧 Installation and Setup

Clone the repository

git clone https://github.com/Gunnar50/lego-index-clone.git

Navigate to the project directory

cd lego-index-clone

Open index.html as a Live Server

🧠 Reflection

This homage piece was a challenging yet rewarding exercise in replicating an existing website. The project shows the importance of HTML and CSS in web design and serves as an excellent practice in achieving pixel-perfect layouts. It was a great journey into front-end development, only using HTML and CSS/SASS.

🛠️ Technology Stack

• Visual Studio Code
• HTML
• CSS & SASS

⭐️ Show your support

Give a start if you liked and this project helped you!

📝 License

This project is open source and available under the MIT License.