TheOluwaseyiDev/foodmiles-naija

A project designed to create awareness about the environmental impact of food transportation. ## 🌱 About the Project FoodMiles Naija is a web-based sustainability awareness project that helps users understand how far their food travels from farms to their plates and the environmental impact behind that journey. The inspiration for this project came from real-life food transportation challenges in Nigeria, where agricultural produce is often moved across long distances. I came across a situation where large quantities of vegetables transported from the northern region of the country spoiled during transit, leading to significant food waste and financial loss for farmers. This raised an important question: *how much impact does food transportation really have on our environment and economy?* --- ## 💡 What Inspired Me I was inspired by the need to raise awareness about food waste, carbon emissions, and the importance of consuming locally sourced food. Many people are unaware of the environmental cost behind imported or long-distance food supply chains. This project aims to make that impact visible in a simple and interactive way. --- ## 🛠️ How I Built It The project was built using: - HTML5 for structure - CSS3 (Flexbox + Grid) for layout and responsiveness - Media queries for mobile responsiveness I designed a landing page that includes: - A hero section that introduces the idea of food journey awareness - A food tracker grid showing different food items and their food miles impact - An educational section explaining why food miles matter - A call-to-action section encouraging users to explore more --- ## 🧠 What I Learned Through this project, I learned: - How to structure a multi-section landing page - How to use CSS Grid for responsive layouts - How to create visual storytelling through UI design - How design choices affect user understanding and clarity --- ## ⚠️ Challenges Faced Some challenges I faced include: - Structuring the layout in a way that clearly communicates the story - Balancing visual design with readability on a background im …