All solutions

Hello ! Could you give me a tip about positioning component so that it is always verticaly centered on the body ? I've tried using margin top on different width but it always seems to be whether too far from the top or too close on certain viewports. would wrapping my compotent in a main section using flex & margin auto could help to ensure the component stays exactly centered ?

(it does matter for the screenshot front end mentor takes of solution :)) thanks in advance, best regards

Hello everyone, I've used grid for the component layout , I was wondering if it were a good practice for component such as card. I did a few other challenges and mostly used flexbox but I found it easier with grid for the layout component and flex box for the positioning

What are your thoughts on that ? I've read css tricks on grid and stuff, that mentionned it for general layout but what about little component like this one ? will it be harsh to deal with on a complete project ? (nothing fancy, just an html/css project) Thanks for your suggestions :)