Would love to know how to make this responsive for mobile.
Sayan
@logansayanAll comments
- @shaunfrosethSubmitted over 1 year ago@logansayanPosted over 1 year ago
Hi Shaun, your design is already looking great... to make it responsive for smaller device also I would suggest not using percentage(%) values for width as you have in your code. Instead you should be using a fixed value like "rem" or "px"... so your design does not shrink when on phone devices and you can also use media queries for specific device widths...
In short: in your container, replace 18% width with an absolute value put height to auto
0 - @LucianoOliveira1Submitted over 2 years ago
EN: This is my solution for the Stats preview card component. Feel free to leave any feedback about the solution or the code! Thank you very much in advance!
PT: Esta é a minha solução para o desafio Stats preview card component. Sinta-se à vontade para deixar qualquer feedback sobre a solução ou sobre o código! Desde já, muito obrigado!
@logansayanPosted over 2 years agoHey LUCIANO, I took a look at your solution for Stats preview card component and I think it looks great but there's a slight problem with it... It works amazing with phone and desktop screens but breaks when it comes to tablet sizes...
So, I think the solution would be to trigger the media queries before it starts breaking...
Overall a good job for layout and stuff...
Marked as helpful1