Sisart• 70
@sisart003
Submitted
Recipe Page with react and tailwindcss
pure static, no components and props still decided to post, to keep the motivation going, gonna update time after time.
Edwin Mugo
@EdwinMugo
All comments
- Edwin Mugo• 170
@EdwinMugo
Posted
Nice work on this one. However, on larger screens, you should probably make the width of the main container a bit larger, so that the content doesn't appear too squeezed.
Marked as helpful
0 - Pretty Kunene• 690
@nonoza
Submitted
Hey guys,
Please review my work. I am not a fan of tables..lol I tried styling it.
Edwin Mugo• 170@EdwinMugo
Posted
Amazing work on this one!
Marked as helpful
0 - Edwin Mugo• 170
@EdwinMugo
Submitted
Hi everyone,
I'm currently working on this project and using CSS Grid Layout to structure my content. I have defined grid template areas for the columns in my grid layout, but I'm facing an issue where the fractions appear to be unequal, resulting in inconsistent column widths for each card. Despite my efforts, it seems like the grid template areas for columns are not equal, causing inconsistency in the layout. Can anyone help me identify the issue or provide suggestions on how to ensure equal column widths for each card?
Thanks in advance for your assistance!
Edwin Mugo• 170@EdwinMugo
Posted
I found the solution to my problem which was that I had not explicitly declared: grid-template-columns:repeat(4, 1fr);
0 - Marley Semende• 570
@Marley-Semende
Submitted
Hi Frontend Mentor Community 👋🏾. I've completed another challenge! I enjoyed building this advice-generator-app with :
- 🚀Semantic HTML
- 🚀CSS Flexbox
- 🚀JavaScript fetch API
For smaller screen sizes 📲, I've added @media query to handle the layout and styling
Things I learnt building this project:
- Using async programming to fetch and handle data from the AdviceSlip Advice API 👨🏾💻
- Adding an
addEventListener()that handled the advice display on button click. Feel free to leave me feedback on my code. Happy coding :)
Edwin Mugo• 170@EdwinMugo
Posted
Amazing work on this one
1
