The latest articles on DEV Community by Ananya Joshi (@ananyajoshi_07). https://dev.to/ananyajoshi_07 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%2F2607876%2F0cc946cd-d6b6-4da7-898e-d3b9ce415a2a.jpg https://dev.to/ananyajoshi_07 en Ananya Joshi Wed, 25 Dec 2024 08:24:45 +0000 https://dev.to/ananyajoshi_07/first-frontend-challenge-its-december-1ao5 https://dev.to/ananyajoshi_07/first-frontend-challenge-its-december-1ao5 <h2> <em>** This is a submission for <a href="https://dev.to/challenges/frontend-2024-12-04">Frontend Challenge - December Edition, CSS Art: December</a>.**</em> </h2> <p><strong>MERRY CHRISTMAS</strong>🎅🎄</p> <h1> Inspiration⛄❄️ </h1> <p>Well my inspiration for creating this web page is DECEMBER month itself.It reminds me of my childhood memories just like in schools we decorate bulletin boards similarly I was creating this web page. I had fun &amp; a burst of flashbacks.✨ </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%2Fkbbajo9ev9bb732rbiea.png" 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%2Fkbbajo9ev9bb732rbiea.png" alt="First linked page : History" width="800" height="500"></a></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%2F6hb38uhpxc2uk58ukb7s.png" 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%2F6hb38uhpxc2uk58ukb7s.png" alt="Second linked page : Special Recipe" width="800" height="500"></a></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%2F64uauujbcncytpf3ya2p.png" 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%2F64uauujbcncytpf3ya2p.png" alt="Last linked page : Decoration ideas" width="800" height="500"></a></p> <h2> Demo </h2> <p>Here's my github repo link :<br> [</p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/ananyajoshi0707" rel="noopener noreferrer"> ananyajoshi0707 </a> / <a href="https://github.com/ananyajoshi0707/challenge" rel="noopener noreferrer"> challenge </a> </h2> <h3> </h3> </div> </div> ] <p><strong>#Journey</strong><br> So tomorrow is my Pre-University exams &amp; here I'm participating in this challenge.😂I always wanted to be a part of DEV challenge &amp; yes my time was worth it.<br> I started by sketching the design of a webpage on a paper, I've not only created one or two but four linked webpages &amp; each taught me something new.🙌🏻<br> <strong>What I learned:--</strong></p> <ul> <li>Thoroughly HTML</li> <li>Advanced CSS</li> <li>I learned various CSS for styling a webpage.</li> <li>Use of multiple container. -At last, I use chatgpt for fixing code issues &amp; to know the correct approach of an idea.</li> </ul> <p><strong>What's Next?</strong><br> In future, I would like to add a button for light &amp; dark mode &amp; another page which contains send santa a message.</p> <p>I'm happy of how I thought about this project &amp; the results of it.😊May this NEW YEAR will bring me surprises(iykyk)🎊</p> frontendchallenge devchallenge css