@Steno-95
Latest solutions
Responsive testimonial grid section with Tailwind (Grid)
#react#tailwind-css#vite#typescriptSubmitted 3 days agoNA
Responsive four card content with Grid (+ TailwindCSS)
#react#typescript#vite#tailwind-cssSubmitted 9 days agoNA
Blog Card Preview (React TS + SCSS)
#react#typescript#sass/scssSubmitted 11 months agoAgain, deployement. I don't know which solutions to use. I try something different every challenge
Latest comments
- @WAudouin
OLD : No responsive at all. A little lack of style on cards. Basic design is globally respected.
EDIT : The behavior and positioning of the cards is really well done. Font size resizing is smooth. A truly successful challenge!
- @gabbymenyahWhat are you most proud of, and what would you do differently next time?
I'm most proud of creating a clean, responsive product preview card using only HTML and CSS. Next time, I would focus more on accessibility and keyboard navigation to make the component more user-friendly for everyone.
What challenges did you encounter, and how did you overcome them?One challenge I faced was aligning the cards evenly and making the layout responsive across different screen sizes. I overcame this by using CSS Grid for a flexible layout and adding media queries to adjust the design for smaller devices.
What specific areas of your project would you like help with?I’d appreciate feedback on improving the responsiveness of the card layout, especially how it stacks on smaller screens. Also, any suggestions on making the design more accessible and visually balanced would be great.
@WAudouinThe solution looks pretty good ! (Maybe some fonts difference if i want to be tricky but that's ok) The HTML/CSS vanilla code is pretty good and have a nice semantic. Adding a middle third breakpoint for responsive is a good idea also ! In result : a really good solution for this challenge, well done !
- @NisharNWhat are you most proud of, and what would you do differently next time?
its my second project,great learning experience.
What challenges did you encounter, and how did you overcome them?responsiveness.
What specific areas of your project would you like help with?media queries
@WAudouinNot all the design was followed. Maybe taking more time to complete it will be helpfull
- @nikbhaladhare2104What are you most proud of, and what would you do differently next time?
Added the dark theme in the project. It took some time for to do this but worth it. I will try to add dark theme in every project to see how it looks in both light and dark.
What challenges did you encounter, and how did you overcome them?Main challenge was to make bullet points in ul > li elements to have the color and also some distance apart from the main content. Also for the ol > li, counting the items in the ol is a new thing i learned and giving them some coloring with the same distance between main content.
What specific areas of your project would you like help with?I am still new to the responsive layout but I am quickly learning and would take much less time in future.
@WAudouinLooks like really good. Maybe some problems with font weight and font family, but it's globally similar. And the switch between dark and light theme works well
- @johntmeachamWhat are you most proud of, and what would you do differently next time?
Using React and Vite was new so happy I did that. Will do the same the next time.
What challenges did you encounter, and how did you overcome them?No real challenges that I recall.
What specific areas of your project would you like help with?none
@WAudouinEverything seems good ! True to the original design
- @akmalov11c@WAudouin
100% same as design file. Really good code
