All comments

• 

  Dawit Hailu• 10

  @dawit-h

  Submitted over 1 year ago

  

  Responsive using flex box

  1

  10

  

  Emir Hadzic• 60

  @Emir985

  Posted over 1 year ago

  It's ok that the final outcome differs from the original design if, for a first attempt, you got very close.

  A few things that I can recommend that saved me a lot of headaches:

  1. Use vw(view width) or vh(view height) instead of px

  Px is a set value whereas vw and vh scale with the screen size so it's easier to make it more responsive

  2. Using a separate CSS style sheet

  By having it in a separate file and linking it from the HTML file, you don't have to continually scroll up and down looking for your code and it's easier to adjust the individual files rather than have it all in one.

  3. Use comments for a clear understanding

  Doesn't have to be after every line of code, though you can use comments to explain what you're trying to achieve in each section, that way it's easier to feedback and can help you also segment the code so it's easier for you to work with

  Marked as helpful

  0

  This comment has received 1 replyShow