Responsive Borders

Control border options for each device.

  1. Border Width: Set an element’s border width, or none, for each device separately as needed.
  2. Border Radius: Set the border radius of an element separately for each device.

Tip: A common use of device-specific borders is when you have an inline row of links, separated by a column border. This border becomes redundant on mobile since the row stops being inline and the links are separated into individual rows. In this scenario, the obvious choice is to remove the border from the mobile layout. Luckily with the new responsive borders feature, this can easily be achieved.

Have a question about this?