Latest solutions
tailwindcss
Submitted 26 days agoWhat disturbs me the most about styling the recipe page is the repetition—especially of similar div structures. It feels inefficient to manually repeat the same layout and classes for each item (like calories, protein, carbs, etc.), which can make the code longer and harder to maintain. I wish there was a cleaner or more dynamic way to handle these repeating blocks.
tailwindcss
Submitted 29 days agoI’d appreciate help with making the layout feel more balanced on desktop. Right now, the design looks a bit too narrow or “slimmed down” on larger screens, and I’m not sure if I’m using the right Tailwind width and max-width classes to make it look better across breakpoints.
Since this was a mobile-first challenge, I want to make sure the design stays clean on small screens but also scales up properly on tablets and desktops without feeling squeezed.
Any advice on how to improve the responsiveness and spacing, especially on larger viewports, would be really helpful.
HTML Tailwind CSS (via CDN) Plain CSS (for custom box-shadow)
Submitted 30 days agoI’d really appreciate help with implementing the box shadow using Tailwind’s utility classes instead of custom inline styles. I wasn’t sure how to achieve the bold shadow effect I wanted using only Tailwind, so I resorted to writing a custom box-shadow in the style attribute.
Tailwind CSS for styling and responsiveness
#tailwind-cssSubmitted about 1 month agoI'm looking for help with improving my layout design skills, as I find it a bit challenging to create clean and effective layouts. Specifically, I struggle with knowing when to use <div> elements and when to avoid them in favor of more semantic HTML elements. Any guidance on how to design better layouts and make more efficient use of HTML structure would be really helpful.
Latest comments
- @AlexxxMasonn@fatihaosman
nice!!
- P@dienorseman@fatihaosman
good job!
- @OAtulAWhat are you most proud of, and what would you do differently next time?
Finding the counterpart for css in Tailwind.
What challenges did you encounter, and how did you overcome them?Making it was fun as figma file was given no problem
@fatihaosmanGreat job! Your design looks clean and well-organized. It's clear you put a lot of effort into it, and you’ve made a good start.