All solutions

What are you most proud of, and what would you do differently next time?

It's been some some time since I've worked on any frontend project so wanted to be back by starting with the bare bone tools! I've completed this challenge using vanilla JavaScript, and since this is a really interactive challenge, I had to spend quite some time coding this.

What challenges did you encounter, and how did you overcome them?

Using React/Angular would have been much easier but as I said I want to be more comfortable working with JavaScript basics so I opted to go the harder route.

What specific areas of your project would you like help with?

I know this is not pixel perfect as the css stylings were written without using any tool like Saas/TailwindCSS so please be kind 🙏. Also, please let me know if I can improve this project in any way.

This was a fun project but also the most challenging one I've faced as of yet.

I used React to dynamically generate the different cards and each icon had to be applied margins to give the colored part of the card the same height. Although I used tailwind css in most of the part, I had to use some global css in some areas.

Overall, I am satisfied with the result but I would gladly appreciate further comments/suggestions for improvement.

How can I improve this solution? Any comments/reviews/critiques are welcome.

I have created this using plain HTML and tailwind css. I've started using tailwind css increasingly more and although I was a little hesitant at first, I've started liking it as a development tool. I am now able to finish projects at a much faster pace.

Regarding this particular project, I've tried to follow the exact color scheme provided in the design tools, right down to the shadow color. I've kept it responsive as well. Please let me know if you have comments about this. All reviews are sincerely welcome.

Created this in under a couple of hours so this might not be the most accurate but it was a fun experience to practice Tailwind CSS with.

Practicing my TailwindCSS skills on newbie projects. I tried to get this coming soon page as accurate as possible to the original.

Please feel free to comment or critique on this.

It will be highly appreciated.

This was more of a TailwindCSS tutorial for me. I followed along Brad's video from Traversy Media on YT. Although I am not fully comfortable with TailwindCSS yet, I can see why some developers appreciate this so much. Will try to use more tailwind in my upcoming projects.

Please feel free to comment your thoughts.

This was a bit more challenging than I had expected.

First of all, some of the colors for the fonts wasn't included in the style guide and logos were not provided for social media icons so I could not get the most accurate svgs online but I have tried to keep them as similar as possible. Also, in the footer, font weight is less than 400 but it is not mentioned so in style guide. So, the font in footer looks a bit more thick than it is supposed to be.

I've tried to replicate the design as much as possible. Please let me know if I am missing anything or if it could have been done in a better way.

How good is my solution as compared to the design?

Is the responsiveness as expected? If you feel like it could have been better, please mention how.

Any other points you want to raise, please feel free to share. I am trying to pick up the best practices and would like to improve my skills further.

I am revising my frontend skills and this is the first project on Front-End Mentor that I have attempted. I have tried to recreate the design using barebone tools - HTML, CSS and JS.

Please let me know if I can improve on any areas. I think I could have been more smooth while ensuring the page's responsiveness. If anyone thinks the same, please feel free to write about it or any other demerit that you can see such that I can improve my front end skills.

Thank you.