@keltiek
Posted
Looks like something was off with code snippets in my previous comment. Anyway, I corrected the nutrition table at the bottom (with w-full mainly). So just missing bullet alignments... and better organisation I'm sure!
What are you most proud of, and what would you do differently next time?
Doesn't look as bad as I thought:)
What challenges did you encounter, and how did you overcome them?
I don't know enough about CSS and Tailwind.
I have the feeling I'm just doing workarounds on top of workarounds.
If someone with experience in Tailwind and CSS could give me some directions, I would be forever grateful ;)
What specific areas of your project would you like help with?
For the table at the bottom, I would think would be perfect, but somehow I guess that's not valid. If I do the border myself, I couldn't manage to make it longer than the text.
I don't think this is the right way:
``
Also I guess there is probably a better way to have the right amount of space between the columns content without using fixed values...
For the bullet list, I couldn't manage to have the bullet aligned in the middle vertically, and again I feel my div inside is just a workaround to add some left padding...
`
Total: Approximately 10 minutes
...`
I would love to get some feedback!
ps: everything is in index.html, I'm using Tailwind CDN and set the config directly there.
@keltiek
Posted
Looks like something was off with code snippets in my previous comment. Anyway, I corrected the nutrition table at the bottom (with w-full mainly). So just missing bullet alignments... and better organisation I'm sure!
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord