@Hamzaouladev
Posted
hello @annapmarin! heres some layout tips that you may find interesting:
-instead of giving the main component a fixed width in multiple break points, a simple but effective hack would be to give it a relative width: width: 90%;
and a fixed max width like: max-width: 700px;
these two lines will result in responsiveness plus smoother transitions between all break points without using media queries.
-usually its not a good idea to give your component a fixed height, because it wont be able to adjust dynamically to large amounts of content and you may run into overflowing issues, its better to manage spacing using other methods, here's a something you can try: The lobotomized owl selector
I hope you found my feedback useful, happy hacking!
Marked as helpful
@annapmarin
Posted
@Hamzaouladev Thanks!