The latest articles on Forem by Thabang Rammitlwa (@thabangrammitlwa). https://forem.com/thabangrammitlwa 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%2F1465879%2Fe3bf4d66-b9c2-4fc0-9455-4ed4115cc314.jpeg https://forem.com/thabangrammitlwa en Thabang Rammitlwa Sun, 09 Jun 2024 15:55:24 +0000 https://forem.com/thabangrammitlwa/glam-markup-beaches-3ln3 https://forem.com/thabangrammitlwa/glam-markup-beaches-3ln3 <p><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-05-29">Frontend Challenge v24.04.17</a>, CSS Art: June.</em></p> <h2> Inspiration </h2> <p>My love for summer and water</p> <h2> Demo </h2> <p>I created an under the sea feeling with the mark up of the list to the top beaches in the world, as you click on each beach it reveals information about the beach. Info about "Take me to the beach" is hidden at first and revealed when the tab is clicked.</p> <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%2Fk8i5wwc80glk8ywkhp24.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%2Fk8i5wwc80glk8ywkhp24.png" alt="Image description" width="800" height="385"></a><br> <a href="https://glam-markup-beach.netlify.app/">https://glam-markup-beach.netlify.app/</a></p> frontendchallenge devchallenge css