@shashilo
Posted
Trying is apart of development. You keep trying and learning until you get better. I really like your hover animation. Super clean!
You are right, there is a better way to implement this. Try to avoid exactly positioning main sections when developing. It's very difficult to maintain and it doesn't work well on multiple screen sizes. For me, I usually only use position: relative;
with left/right/top/bottom
on elements that needs to move just a little bit. In this case, these cards should be completed a different way. You could either look at making this with Flexbox or CSS Grid. The best way to get ideas is to look at how others from the community are implementing their solutions. Everyone does things differently and it will provide some guidance you're looking for.
@Itchito
Posted
@shashilo Thank you Shashilo! It was indeed very difficult to make them responsive. I need to look further into Flexbox and CSS Grids, hopefully I can get them down soon. Thanks again!
@shashilo
Posted
@Itchito You first have to build it, then you'll learn how to do it right, and last, you'll learn how to make it better. ;)
@Itchito
Posted
@shashilo True that!