@SJ-Nosrat
Posted
Hi Kaina, Your solution looks good!
The reason why you were maybe having difficulties with the break points, is maybe you've designed for the desktop version than tried to scale down to mobile screens. Try the following code your solution first for mobile then add @media (min-width: 768px)
etc for larger and larger screen sizes. It's also fine to add multiple @media
queries to achieve the desired responsiveness for multiple veiwport sizes.
I learnt learnt the mobile first approach from Kevin Powell's video.
Hope the above helps!
Best of luck with your coding journey!
Marked as helpful