Article preview component

Community feedback

• 

  Rivaldi Alfiansyah•90

  @CosaldiPosted about 2 months ago

  The button not perfectly circle, please add this code if you like

  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  

  and remove the padding in button class.

  Good job!

  0

  ---

  

  P

  Sergei Borja•980

  @wonderlust101Posted about 2 months ago

  @Cosaldi I am aware of this. If I apply your code, it looks kinda off even though it is technically aligned in the code. I coded it the way it is so that it looks optically aligned.

  Learn more about it at it this link.

  I am aware that the article refers to print but it can also apply to digital design. If I could make my button a complete perfect circle, I could have taken my time to fine adjust it to:

  padding: .5rem 0.6095rem;
  
  

  Which will set my button to be a radius of 34.5. With the SVG a width of 14.996 and a height 18.500, if you try to center it will look off, so I off set it by reducing the padding to the height and increasing the padding to the width. This will make the SVG more optically centered.

  0

  

  Rivaldi Alfiansyah•90

  @CosaldiPosted about 2 months ago

  @wonderlust101 ah i see, thanks by the way for the link.

  0