Latest comments
- @habeebalamutuP@JairRaid
Nice job, the design is responsive, but there are still a few details to refine.
- P@Y39WebDeveloperP@JairRaid
Nice work!
- P@Y39WebDeveloperP@JairRaid
Nice work! you can use the css property
object-fit: cover
for the artwork image in the mobile screen to prevent the image from being stretched. - @CHBNDJWhat are you most proud of, and what would you do differently next time?
Its becoming more easier to use tailwind specially regarding the breakpoints.
What challenges did you encounter, and how did you overcome them?It was tuff to put the backdrop filter because it didnt work so i replaced the backdrop filter blur by a background-color bg-gray-900 with i think opacity 0.90 or 0.95.
What specific areas of your project would you like help with?Maybe the issue is with the backdrop-filter. Even though I wrote it correctly, it never showed up in my project. I had to uncheck and recheck it in the browser console to see the effect, but when I refreshed the page, it disappeared. Has anyone encountered this before?
P@JairRaidNice work !
- P@toshirokubotaWhat challenges did you encounter, and how did you overcome them?
This was my introduction to Tailwind CSS. I struggled at the beginning to get used to its micro utility classes. After a while, I got better at employing them, but I still feel a bit overwhelmed with the amount of classes that I put into the html file.
What specific areas of your project would you like help with?I would like to hear how you enjoy using Tailwind. I have not found much pleasure, yet, but I am open to any inputs. Also, as always, I appreciate any comments/feedbacks on my design and code.
P@JairRaidNice work but, still needs improvement in design. Make the navigation-bar position to fixed in mobile screen to fill the entire window.
- @muraliincP@JairRaid
Nice work, but the page is not responsive.
@media (max-width: 450px){ /* mobile styling */ } @media (min-width: 450px) and (max-width: 1024px){ /* tablet styling */ @media (min-width: 1024px){ /* desktop styling */ }
You can change the value as you want.
Link if you need help about CSS: https://www.joshwcomeau.com/css/
Marked as helpful