@danielmrz-dev
Posted
Hello @Saleiux!
Your solution looks very good!
About responsiveness:
- Always use the mobile first approach. This makes responsiveness easier. It's always harder to adapt a project from desktop versions to mobile screen sizes. Once the mobile version is finished, we frequently have to just make minor changes.
Start by mobile version and then you create a @media (min-width: /* value here */)
like you did in this project to set the changes you need.
In this case, from mobile to desktop version, you basically have to change the card orientation from vertical to horizontal and maybe set a max-width
so the card won't overgrow. I know it's easier to say than to do it, but try the mobile first approach.
I hope it helps!
Marked as helpful
@Saleiux
Posted
Thank you daniel! so helpful @danielmrz-dev