vendredi 7 juin 2019

CSS and React -> Positioning problem with components

I am currently working on a Todo Planner, which contains a Panel component, which includes all the todos. On my main app i put in three of them for three "Todo Lists". All three are next to each other and now there comes the problem. When i add a Todo to any of these three lists, the other two also go down (the bottom keeps lined up so to say). The thing is that i want the exact oppsite, namely that the top of each "Todo List" is lined up (that it stays at the top).

I tried setting the position to fixed and then manually reposition all three but then there is a resolution problem, because on one monitor then it's maybe centered but on another monitor with a smaller or higher resolution it isn't centered.

Any suggestion here? :/

Images for you to see the code: -> https://imgur.com/a/hSDf0lz

how it currntly looks in the browser: -> https://imgur.com/a/aN8wzRN




Aucun commentaire:

Enregistrer un commentaire