Responsive Fylo data storage using Flexbox

Community feedback

• 

  Lakshan•305

  @M-lakshanPosted about 2 years ago

  Hello Klara,

  I also did this recently. There are few things u need to focus on. If we consider such a web page (like an actual cloud platform or content share page) those <img src="*****.svg"> beside the logo <img> should be either button elements or link elements because they should perform an action in that area.

  Next time try giving a static position for a background image by background-position: 0% bottom;. This way the image always stays bottom according to the view height. If you give only the dynamic percentage value, the image will move away from the alignments when the screen size change.

  Other than that, I like the way u kept the CSS code as simple as possible. So good luck then, Happy coding! 🙂

  Marked as helpful

  0

  ---

  

  Klara•270

  @klara367Posted about 2 years ago

  Hi Lakshan,

  thank you for your feedback. You are right with those links. I don't know why I missed that in the first place.

  And about that background, I had it background-position: bottom in the beginning, but it was higher than given design so I moved it. But I see it's not a great solution for responsibility.

  0

  

  Lakshan•305

  @M-lakshanPosted about 2 years ago

  @klara367 use an emulated window like in Chrome or Firefox dev tools & see... u can get the idea when the window size changes.

  0

  

  Klara•270

  @klara367Posted about 2 years ago

  @M-lakshan yeah I know that, but thanks.

  0