Design comparison
Solution retrospective
The hardest part for me was to combine both Styled Components and Tailwind as i never used either before to style my components
Hardest part was to import the image had a lot of problems trying to import the images via tailwind.config.js file and ended up using the css imports. I have also struggled with tailwind responsiveness and had to go with @media queries.
Also as soon as i have added my solution to github pages for some reason i just cannot figure out why it cannot render the images next to the product card but they do appear when the app is run locally.
Another problem i had was even when the images are showing locally they are not centred in the div they sit in. They are full size and are getting cut to the right as resized but do not overflow the dic
Community feedback
- @godmayhem7Posted about 2 years ago
heyy @tomazi15 i would say your code isn't all that bad cause the css and the layout was kinda okay but here are some advice, instead of using advanced libraries you should learn the basics of coding cause this will build you experience on the basics and it will also help when using external libraries better with higher experience and also try to do some reviews on your code before submitting cause it will help you out in case there are any bugs on your code
hope this was helpful 👍👍0
Please log in to post a comment
Log in with GitHub
Join our Discord community
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