Comments

2 Sections

Introduction

Comments are usually used in forums where users interact with one another by a reply action. Comment cards consist of user profile photo, user information, comment field, and time the comment was posted.

Weights

  1. Vertical whitespacing for nested comments 50px
  2. Whitespaces between text fields 20px
  3. Whitespaces 20px
  4. Whitespaces between comment blocks 25px

Font size 18px, 12px for user details

Font size 18px for comment field and 14px for add comment and time duration fields.

Code