Equalizer Landing Page (fully responsive)

This project is about building a responsive product landing page using just HTML and CSS. It serves as a good practice for implementing detailed designs with precision.

Built with

• HTML
• Sass
• Parcel

Getting Started

To get this project set up on your local machine, follow these steps:

1. Open Terminal.
2. Navigate to your desired location to download the contents of this repository.
3. Run git clone https://github.com/nikoescobal/FEM-equalier
4. Run cd FEM-equalizer
5. Run npm install or npm i
6. Run npm run dev and start building!
7. The http://localhost:1234/ server will automatically open in your browser

Authors:

👤 Nikolas Escobal

What I Learned

• how to use the filter CSS property, a powerful tool that allows SVG elements' colors to switch/change depending on how you wish to configure it
• how to utilize transform to animate CSS. This is really cool when paired with effects like hovering
• got to practice adopting a tricky layout without relying on positioning as much, as I mainly used flex, margin, and padding

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 MIT License

This project makes use of the MIT license.