3-Column Preview Card solution

Community feedback

• 

  Ilie Bogdan•190

  @nosthrillzPosted about 3 years ago

  Technically, you can drop the img tag for each card and instead of loading it through html, you can load it in css and set it as a background to the image div.

  That way, when you have a class of 'sedan', you will load the image for sedan. likewise for the others.

  This would simplify the HTML a little bit :)

  Also, when you want to add borders to buttons, to prevent the layout from shifting, make the default element with a transparent border. .btn { border: 1px solid transparent; } .btn:hover {border-color: red;}

  Marked as helpful

  0

  ---

  

  hamed•80

  @latifiiPosted about 3 years ago

  @nosthrillz Great feedback! Thanks a lot!

  0

  

  Robert Rynard•560

  @Robert-RynardPosted almost 3 years ago

  @latifii Another way of preventing this layout from shifting is using outline instead of border as they do not take up space and are drawn outside of the content

  1