Goal 13: Climate Action Website
overview
In IDG1292 - Webcoding, we were tasked to create a website for UN's Sustainable Development Goal 13: Climate Action with focus on responsiveness for both desktop and mobile with HTML and CSS. The objective was to create a design and message that would've engage young teens to advocate for the planet.
technology
about
The target audience for the website was teenagers aged 14 to 16. My primary goal was to emphasize the importance of climate change, its consequences, and simple actions individuals can take to make a positive impact. Additionally, the website includes a downloadable custom bingo game, and a contact form to connect with younger people and encourage them to share their opinions.
Colors green and yellow was incorporated to tie the visuals of the website in with the graphic profile of Goal 13, and to make certain sections stand out. I selected Arial, a popular sans-serif font, for its readability on screens, and ensured that the color combinations met WCAG standards to make the site accessible.
The website was created with a mobile-first approach, building the layout with both grid and flexbox. By using media queries and responsive units, the website adapts smoothly to different screen sizes. As I developed additional pages and worked with hundreds of lines of CSS, I quickly realized the importance of the DRY (Don't Repeat Yourself) principle to maintain efficiency in my code.
