@mishael-codes
Latest solutions
Time Tracking Dashboard with Tailwind and JS
#tailwind-cssSubmitted 15 days agoI really need feedback on my JS.
As I am new to JS, it would be very helpful if you kindly review my code and suggest me better ways to solve the same problem.
Feedback on my use of tailwind will also be appreciated a lot.
Thanks in advance.
Newsletter Signup with Success Message using Tailwind
#tailwind-cssSubmitted 18 days agoKindly let me know how can I fix the scrolling problem of the site. though the main element covers a portion of the screen, it still shows a scroll bar.
Also, it would be really helpful if you comment about my JS. Is it a good way to validate and show/hide elements in the page or is there any better way?
Article Preview Component with HTML, CSS and JS
Submitted 22 days agoIt would be really helpful if you kindly suggest me any better way to achieve the same results.
Testimonials Grid Section with CSS Grid
Submitted 23 days agoCould you please suggest me any better way to achieve the same results?
And, is there any easy or more efficient way to deal with the font-sizes, margin, padding etc. to make the site look similar to the provided design images?
Responsive Four Card Feature Section with CSS Grid
Submitted 26 days agoIt would be really helpful if you suggest me some more efficient ways to build the same layout and more suggestions on design principles. Thanks in advance.
Product Preview Card Component with HTML and Responsive CSS
Submitted 28 days agoI would love to hear about better ways to make the site responsible and how to achieve that by writing less code.
Latest comments
- @Siyam1888
Congratulations 🎉🎉
I really loved the animation when the time frame changes. Moreover, your design also looks like the provided design. Learned some new ways of writing JS and tailwind too. Thanks a lot.
- @ArashSoltaniHemmat@Siyam1888
Congratulations 🎉🎉
I like your style of showing the success message as an overlay. You have successfully implemented the desired functionality with JS.
Just a few points. You could use the
novalidateattribute on your form to get rid of the default error message shown by HTML. Moreover, It would be really nice if you made the image to cover the full width in the mobile version of the site.Again, very well done and best of luck :)
- P@rainbowsurfer137What are you most proud of, and what would you do differently next time?
I’m most proud of how I handled the responsive tooltip and share menu using both CSS and JavaScript—it was tricky getting everything to behave across screen sizes, but it came together smoothly.
Next time, I’d plan the layout structure more intentionally from the start to avoid repositioning elements later.
What challenges did you encounter, and how did you overcome them?One of the biggest challenges was getting the tooltip and share menu to behave differently on small vs. large screens. I had to carefully manage visibility with CSS and JavaScript, and ensure the layout didn’t break when toggling states. I overcame it by using media queries, conditionals in JavaScript, and a lot of testing and fine-tuning!
What specific areas of your project would you like help with?Happy with any suggestions!
@Siyam1888Congratulations!!🎉🎉
Your design is pixel perfect! I am really impressed and I shall definitely learn from your code. Thanks a lot for sharing!
- @piyushkumarx@Siyam1888
Congratulations!!🎉🎉
Your design is exactly the same as the provided design! I am really amazed at your code. Keep it up!
- @boompow@Siyam1888
Congratulations 🎉🎉
That's an wonderful use of flexbox. I learned a new way to do make the layout. Thanks a lot.
- @Jace-0@Siyam1888
Congratulations! That's a nice and efficient use of Grids🎉
Your code is nice and organied. However, you may try using the semantic html tags such as
main,sectionetc. instead ofdivs. That makes your code more accessible and optimized for search engines.Good Luck!
