P
@tloyanSubmitted 6 months ago
Blog Preview Card | Next.js, Tailwind CSS, Framer Motion
#next#react#tailwind-css#typescript#framer-motion
Latest solutions
Product-preview-card - CSS Flexbox
Submitted 12 months agoI am open to any feedback from the community, I'm sure there's always room of improvement even simple projects.
Product-preview-card-component
Submitted 12 months agoI would appreciate any feedback on how to style the background image to look exactly like the design as looking at the solution and design side by side, I can tell they are a few pixels off looking similar.
Result Summary Component Main
Submitted 12 months agoI would like help with feedback on the structure of some of the elements I used in the project including; the 'paragraph' and 'span' elements which I used to create the different categories that were on the right or bottom side of the card.
Responsive Social Links Profile Card
Submitted 12 months agoNone so far, but I am open to critique and feedback on how to approach the project better or new things I could have implemented.
Recipe Page
#accessibilitySubmitted 12 months agoThere are a couple of ways I have seen other developers plan their layout and use media queries effectively and so that is an area I could really use help with. Using max-widths and heights for content like the div tags is also an area I need help with.
Latest comments
- @Yazeed-gitPosted 6 months ago
Hey @tloyan,
Great job, At first when I saw typescript and framer motion I was wondering what you needed them for cos of how simple the design is, when I saw the animation, I got it.👍👍
0 - @parvej-shahSubmitted 12 months ago@Yazeed-gitPosted 12 months ago
Looks good @Parvej, I like the even padding all around the box. If you want yours to look more like the design, you need more padding on the bottom of the card, after the last piece of text, otherwise good job.
1 - @yamuna001Submitted 12 months ago@Yazeed-gitPosted 12 months ago
Your solution looks great 👌, and there's a couple of lines I could learn from your code.
For feedback, the only element to adjust would be the title(h1); 'Gabrielle Essence Eau De Parfum', the line-height should be less as the text is big and bold and requires less vertical spacing. Cheers
Marked as helpful0 - @ErickDev00Submitted about 3 years ago@Yazeed-gitPosted about 3 years ago
Good work, Cool load animation, The picture doesn't load so you may have forgot to include it
Marked as helpful0 - @paras2707Submitted about 4 years ago@Yazeed-gitPosted about 4 years ago
The site looks identical good job, the scaling of the web elements like the logo and the hero image could be reduced a little bit, especially around 768px - 1080px. Other than that, looks good
0 - @kvncnlsSubmitted over 4 years ago@Yazeed-gitPosted over 4 years ago
Nice html structure and overall clean code, I think the transition on the primary card button is cool the one on the secondary_card's button though, i think, can be improved, or made similar to the primary. Overall Great Job!
1
