The latest articles on DEV Community by Keenan Timmie (@richtershotline). https://dev.to/richtershotline 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%2F1836731%2F74c523ac-1d3b-4ed3-977d-47039f19da68.png https://dev.to/richtershotline en Keenan Timmie Wed, 31 Jul 2024 11:59:59 +0000 https://dev.to/richtershotline/css-art-favorite-recreationsubmission-c86 https://dev.to/richtershotline/css-art-favorite-recreationsubmission-c86 <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-07-24">Frontend Challenge v24.07.24</a>, CSS Art: Recreation.</em></p> <h2> Inspiration </h2> <p>I love the beach in my spare time I usually go to the beach and there is this one particular bench I always like sitting on and watching the waves until Nightfall.</p> <h2> Demo </h2> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdg01e0x1tbqy3gsji6ta.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdg01e0x1tbqy3gsji6ta.png" alt="Image description" width="800" height="359"></a><br> Code: <a href="https://github.com/RichtersHotline/Recreation" rel="noopener noreferrer">https://github.com/RichtersHotline/Recreation</a></p> <h2> Journey </h2> <p>I love lofi and I think this art kinda captures it, I always listen to lofi when working and programming so i just went with a lofi-ish theme. I learnt how to actually make shapes with CSS (every shape was made with CSS no images were used) and I'm really proud of how the gradient came out making it look like a sunset I hope to do more challenges in the future since I'm an aspiring developer :)</p> <h2> Team Submissions </h2> <p>Yours Truly: <a class="mentioned-user" href="https://dev.to/richtershotline">@richtershotline</a> the only team member</p> <h1> License </h1> <p>No need for a license if you wanna use this please feel free I'd be honored and intrigued what you could do with it.</p> frontendchallenge devchallenge css