@GulnurSuleymanova
Latest solutions
article preview with tooltip using next/tailwind
Submitted 15 days agomaybe some tips how to handle different versions efficiently
responsive grid layout change - testimonials
#next#tailwind-cssSubmitted about 1 month agomaybe some insights or tips about the problems I encountered
four card feature card using next/tailwind with flexbox and grid
#next#tailwind-cssSubmitted about 1 month ago
Latest comments
- @fuergloria
the layout of your mobile version looks good, however theres no change of the layout when I'm viewing the desktop version and the content is still vertically aligned. Also the active bar isn't properly aligning with the default bar and there's again no distinction between the different screen sizes. if you want to keep styling with the separate stylesheet you could include a media query and style the components differently for the screen sizes. Another possibility is to use tailwind.css, may take some time getting used to, but it's really easy to switch styles for the screen sizes
- @kylecreateWhat are you most proud of, and what would you do differently next time?
I'm proud of how well this came out after re-writing it.
What specific areas of your project would you like help with?I'm having trouble understanding why my buttons aren't showing up. Other than that, if you have any feedback for me, let me know!
@fuerglorianot sure if your question regarding the buttons is still up to date, because they are showing up just fine and work as well. All in all your solution looks really good, but the active bar isn't high enough to fully cover the default bar (the icons are peeking over)
Marked as helpful - P@amine-can-code@fuergloria
I see you successfully used css grid now, too. That's great! I like that you have 2 columns for the medium breakpoint, so the design looks good on all sizes, not only the design sizes. I also see you used tailwind, which is great. As little idea, maybe you could use custom colors, so you don't have to copy paste the value of the color each time, but can use it like the normal tailwind color classes. Another thing which I noticed is that your background doesn't span all of the viewport, so If you add something like "min-h-screen" you'll have the full height and the page doesn't end before. Apart from that it's looking good :)
- @BrunnoHibbeln@fuergloria
your solution and code looks really good! I like that you made an component for the cards and that you included the icon and breakpoints in your props, so that the building of the cards completely happens in one place
- P@JeronimoCardu@fuergloria
the link to the repository didn't work, but from what I can see at the dev-tools: your desktop solution looks really good, but the mobile version is a little off, since the headline is to big. and the solution you have for the four cards with flexbox and then grid is quite clever, but I think it would be better to just use grid for the layout here
Marked as helpful - @Lysak-MaximWhat specific areas of your project would you like help with?
Semantics, code legibility.
@fuergloriayour code is nicely structured and I like that your css is in the same order as the html, which makes it quite readable. good use of sections. I'd recommend however for you to check out a framework like tailwind, which will make styling easier and you safe yourself a lot of css code.
