When the width is 319 or lower, the layout breaks currently:
@rossanodan do you have an idea to solve this issue when the number of the statistic is too high? Maybe the approach I took with using a grid isn't the best and can be improved.
Questions
We could create a file called variables.scss that would contain color variables, viewport breakpoints, etc. Instead of having the values that would be repeated in multiple files:
@media (max-width: 600px)
@media (min-width: 320px) and (max-width: 480px) {
If anyone can find a better icon for the reactions it would be awesome 😅 .
@BOLT04 great job with that!
Maybe using SVGs fixes this problem. SVGs are very easy to work with, mainly for responsiveness. The don't even loss quality shrinking or enlarging. But I have to take a look before 👍
Example of the new UI
Problems
319
or lower, the layout breaks currently: @rossanodan do you have an idea to solve this issue when the number of the statistic is too high? Maybe the approach I took with using a grid isn't the best and can be improved.Questions
variables.scss
that would contain color variables, viewport breakpoints, etc. Instead of having the values that would be repeated in multiple files:reactions
it would be awesome 😅 .