@MachineCode0101
Posted
The static bars (div.bar) look great! I may add that one can achieve the same goal using rem instead of pixels; because the mobile version overflows and doesn't match the smaller screens. That can be solved by media queries for example: body { font-size: 16px; /* Default font size */ }
@media (max-width: 375) { body { font-size: 14px; /* Smaller font size for smaller screens */ } } Overall a very very clean solution!!
@Jahan-Shah
Posted
@MachineCode0101 Can you tell me on which device you're checking? As apparently on both desktop and mobile devices it's not overflowing.
The font sizes are already in the rem unit. So if you're not talking about font size then can you be more specific?