@aty101Submitted 8 months ago
Latest solutions
4 Cards Project
#react#typescript#viteSubmitted 7 months agoFor now, it would using Grid to correctly position items that aren't available to be moved due to the tracks or grid lines.
Product Preview Card project
#react#typescript#vite#web-componentsSubmitted 8 months agoI'm not 100% sure if my spacing is exactly like the example given, so I am open to hearing about that. Specifically, the section that has item details.
Latest comments
- @Sean-LHPosted 7 months ago
Currently I can't think of anything I would change about this project.
0 - P@chelsea-hereSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of my react component and my first incorporation of sass.
What challenges did you encounter, and how did you overcome them?I had a hard time getting the component to work correctly for both typescript and react. I'm glad I was able to figure it out!
What specific areas of your project would you like help with?Any advice on best practices, writing clean code or where to break items up into components is welcome. Cheers!
Responsive Product Preview Card using NextJS, React, and Sass
#accessibility#next#react#sass/scss#typescript - @NickTalvySubmitted almost 3 years ago@Sean-LHPosted almost 3 years ago
Hey @NickTalvy,
Awesome work on finishing the project, despite the challenges you had.
In the future I would recommend starting with the mobile design first. I find it to be simpler to manage things like spacing when the viewport is smaller. And things get more complex as you increase the viewport. With that said, you may only have to do one MQ instead of two when you're expanding the viewport in the future.
Marked as helpful1
