I am using media queries. I do not have a problem with styling small devices (phones) and any large devices (desktop) the problem lies within medium devices (tablets). When I write this : @media only screen and (min-width:600px) { /* lines of code*/} it is breaking the code for desktop (when the width is more than 1200px). That's the problem.
I am used to using px to define width and height but they are not good with responsive design. I would like to know how to use em, rem and fr.
Using Flexbox and Grid together.
What challenges did you encounter, and how did you overcome them?I had a problem with adding a margin for larger screen widths. I came up with a solution after thinking and making a few changes in my approach.
What specific areas of your project would you like help with?None.
Hello RC Kashyap,
I like your design and approach of mixing flex box and grid together, it looks good. Good Job.
Estou feliz por ter conseguido completa mais um desafio, sei que não está 100% mais sei que estou evoluindo a cada dia e não vou desistir.
What specific areas of your project would you like help with?não consegui colocar a fonte certa no projeto, ainda tenho um pouco de dificuldade pra saber qual é a fonte que está sendo usada. Quais o sites ou extensões eu posso esta usando?
Hello Israel. One have noticed the transition animation is really smooth. Kudos.
But I would like you to work on increasing the height of the whole card. Also, your cart icon is large to reduce the size a little bit.
