Bookmark Landing Page -- Flexbox && Pretty Responsive

Community feedback

• 

  Dennis Griffin•1,320

  @dgdev1024Posted over 4 years ago

  Some of the elements in your page are a bit off-center. Try setting a 'width' property with 'margin: 0px auto' on your '.container' class, as well as a 'max-width' property for extra-large screens, like desktops. The 'auto' in the 'margin: 0px auto' property will apply a certain degree of horizontal margin on your block-level elements, such that they will center themselves.

  Also, your buttons show a border when you hover over them - you'll want to reduce the button's padding in that case to compensate for that border. For example, for a button with a padding of 16px that shows a 2px border when hovered over, you'll want to set a padding of (16px - 2px = 14px) in that button's ':hover' psuedo-class, in order to compensate for the border size.

  Very good work, nonetheless. Keep it up!

  0

  ---

  

  Gülay Yolcu•510

  @gulayyolcuPosted over 4 years ago

  @dgdev1024 thank you, you're right, i think so,buttons behave weird in hover...i will care about this:)

  0