box-shadow, Grid layout.

Community feedback

• 

  Igor•110

  @bubahazePosted over 3 years ago

  Hi Ohad, yes, grid is indeed a valid way to do this, especially that your layout is in a mess on different resolutions. Try to make a grid of all boxes (together with text-box) and put it in a wrapper with display: flexbox, this will allow you to make this layout stable while displaying on different screen resolutions. Search for grid-template-areas and I recommend you Mozilla Firefox: Developer Edition browser to display your grid-model in a helpful way to see how you could improve your code. For mobiles a flexbox and flex-direction: column will be sufficient. You are doing great and keep working, watch other people's solutions, that's what helped me to improve my version of this challenge ;) Cheers, mate!

  Marked as helpful

  1

  ---

  

  Ohad•50

  @ohad331Posted over 3 years ago

  @bubahaze Thank you very much Igor, your comment was very helpful. I have updated my solution and used the grid layout (for the first time). So if you have any comments about my code I would love to hear it!!

  0