Flexbox and playing with margins and padding

Community feedback

• 

  Gabriel Poton•75

  @gabrielpotonPosted over 3 years ago

  This comment was deleted over 3 years ago

  2

  ---

  

  Jacek•95

  @sab0taszPosted over 3 years ago

  Hi! Thanks for your feedback. I did what you suggested and it worked as I wanted. However I had to put translateY(-100%). (-50%) didnt work as intended. It still needs some work to do but it looks much better ;)

  0
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Greetings, Jacek! 👋

  Congratulations on completing your first Frontend Mentor challenge! 🎉 Nice effort on this one! 👏

  This is just a tip for the background images—if you use viewport units (such as vw and vh) to position the background images, you can position them in such a way as to minimize the change in their position when the screen is resized. 😉

  Keep coding (and happy coding, too)! 😁

  1
• 

  Ben Skinner•50

  @Skinz-dotcomPosted over 3 years ago

  For positioning the text higher, I would suggest maybe using position: reletive; and then top: set as a minus value to lift it up.

  I would also look at fixing the card container height as well so its is not so stretched out.

  Also play around more with the background circle positions. If something isn't working as you would expect, just remember google is your best friend. Search for what your trying to do and there will be some solution you can impliment to get close to your goal.

  But great effort still, all the elements are there and the basic structure is good.

  1

  ---

  

  Jacek•95

  @sab0taszPosted over 3 years ago

  @Skinz-dotcom

  Hi! I really appreciate your feedback. Working with heights, margins, paddings is somewhat difficult concept for me yet, so I've tried the way which was suggested by @gabrielpoton. It seemed easier and it worked as I wanted to.

  1

  

  Ben Skinner•50

  @Skinz-dotcomPosted over 3 years ago

  @sab0tasz no worries buddy. Tbh it is all very confusing at first. Just keep at it and keep playing around with things. Eventually it will click with understanding what does what. I’m still learning myself and I’m sure there are easier ways to do things than I’m doing myself. Just gotta keep plugging away at it and it will get easier.

  Keep up the good work

  1