If someone just getting started in front end dev as a hobby and knows HTML, CSS classes, IDs, selectors, basic inheritance rules and the most of the top commonl

If someone just getting started in front end dev as a hobby and knows HTML, CSS classes, IDs, selectors, basic inheritance rules and the most of the top commonly used CSS declarations but nothing about centering or aligning elements, other than abusing the box model to move elements around the screen: e.g. .class { margin-bottom: -50px !important; } would you recommend starting with CSS Grid or Flex box tutorials for learning alignment and why? I'm getting the hang of {flex: # # #%;} grow, shrink, basis construct, but is CSS grid the future and should I cut my losses and start there? My time is limited as this is not my main profession. Thanks in advance.