The latest articles on DEV Community by Kelsey W (@kaywhy). https://dev.to/kaywhy https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2060271%2Fe821038b-bd79-4b16-9f88-c7ed962adc4a.jpg https://dev.to/kaywhy en Kelsey W Mon, 23 Dec 2024 15:16:54 +0000 https://dev.to/kaywhy/glam-up-my-markup-winter-solstice-2cdm https://dev.to/kaywhy/glam-up-my-markup-winter-solstice-2cdm <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-12-04">Frontend Challenge - December Edition, Glam Up My Markup: Winter Solstice</a></em></p> <h2> What I Built </h2> <p>I was looking to build a fun &amp; stylish infographic-type web page that helped people learn about the Winter Solstice. </p> <h2> Demo </h2> <p><a href="https://codepen.io/kwhytock/pen/GgKEZEB" rel="noopener noreferrer">https://codepen.io/kwhytock/pen/GgKEZEB</a></p> <p><iframe height="600" src="https://codepen.io/kwhytock/embed/GgKEZEB?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F06e040byzcq6oa033wao.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F06e040byzcq6oa033wao.jpg" alt="Image description" width="800" height="830"></a></p> <h2> Journey </h2> <p>I'm still pretty new at learning JavaScript, so figuring out how to alter the HTML via JavaScript only was a very helpful learning experience. </p> devchallenge frontendchallenge css javascript