shaunfroseth• 60
@shaunfroseth
Submitted
Would love to know how to make this responsive for mobile.
Sayan
@logansayan
All comments
- Sayan• 130
@logansayan
Posted
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 - Luciano Oliveira• 300
@LucianoOliveira1
Submitted
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!
Sayan• 130@logansayan
Posted
Hey 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 helpful
1
