All solutions

Hey guys, check out my solution for the challenge. I used sass after a long time and it jogged my memory. I changed the design a little bit. Now the popup will open on-hover.

Hope you like this solution. Don't forget to give a heart and comment. Your comment is the most valuable.

Thank you, Roy

Hey guys, my out my solution for this problem and give your feedback.

Hey guys, check out my solution to the challenge. Check the code and tell me where I need improvement. Your feedback is extremely valuable. In this project, I learned about the importance of using percentage values on Widths' and Heights'. Overall, I enjoyed a lot solving this challenge.

Hey Guys, check out this solution and tell me how to achieve 100 performance score on pagespeed insights. Thank you, Roy

Hey Everyone, Check out my solution of this challenge. I had a lot of fun making this. I used Nuxt with the DevTools, used UnoCSS for the styling and used Typescript for writing logics. There maybe some issue with readability, so I'm open to accept any tips on that matter. Users can give any date ranging from 1-1-0000 to the current date for getting the age calculated. Have fun trying the app and give feedback about that. If you find any bug, then let me know. Thanking you, Roy

Hi guys, Checkout the new solution for the challenge. I used Nuxt3,Scss and UnoCSS to build the project. Also used the Nuxt-Image module to optimize the images and preload the hero section images. Also, all the nav menus are redirecting to its designated pages. I did check the performance from https://pagespeed.web.dev and found performance 100 on Desktop, but the mobile performance is fluctuating every time. It is my humble request to the community to provide a solution for the issue. Every opinion matters. Thanking you, Roy

Hello Everyone, Checkout my latest project and give me your opinion. I learned a lot from this project. I used nuxt-icons module for the first time, also used the iconify and UnoCSS in this project.

However, I am facing some issues, and it is my humble request to the community to share opinions to solve that problem. The problem is the project is running perfectly on Chrome or any Chromium based browsers, but the curved sections are not working on Firefox or Safari browser. Please check the code and help me fix that. Thanking you, Roy

Hello everyone, Checkout this project and give me feedbacks. Each of the feedbacks will be welcomed.

In this project, I used

1. Nuxt3 and some of its modules,
2. UnoCSS for styling,
3. pnpm

In the end, I had great fun doing this project. Thank You, Roy

Check this out.

Check this out guys... I recently learned Nuxt3 and used it in this project. I used component,layouts and VueUse functions and Icons module of Nuxt to enrich the DX of this project.

Check out the source code and let me know how to improve my coding process. Thanking You, Roy

Feedbacks will be welcomed. I learned the use of fetch() in this project. Now I became confident of using APIs in the future.

Feedbacks will be welcomed.

Feedbacks will be welcomed

Feedbacks will be welcomed.

Every feedback will be welcomed.

Any suggestions will be welcomed.

I had great fun building this. I need some help in animations though, haven't added any animation yet, but once I get the necessary help from the community I will add the animations.

Every suggestion is welcomed here.

I learned to use grid layout effectively in this project. It was harder at first, but it was fun.

I Built this project with, 1. Semantic HTML5 markup 2. Sass custom properties 3. Flexbox 4.CSS Grid 5. Mobile-first approach

I learned, how to move elements without positioning it as absolute. And also learned how to use grid-row/grid-column span.

I would like to thank the developers of Frontend Mentor community, whose codes helped me a lot in learning the proper uses of HTML tags and CSS properties. This project is not an exception to that. I am learning new things every day because of this developing community.

I finally finished the project after fixing the desktop image position, which was broken last time. I would like to thank @husamasaad and @pascal-prfst, whose code gave me the idea of fixing the positioning problem.

Now, I need to shorten the JavaScript. See the JavaScript file and give me some solution of how to minify that mess. Thank you.

For the first time, I used the linear gradient in this project. It was an awesome thing to learn.

Hello Community, Check out the coding and give your feedback. I know the coding is kind of messy, I recently learned tailwind CSS and this is my 2nd project using tailwind. Kindly tell me how to improve the coding using tailwind. Thank you.