JSFiddle - React, Tailwind, and code Playground

HTML

<base href="http://polygit.org/polymer+:master/components/">
<link rel=import href="polymer/polymer.html">
<link rel=import href="paper-toggle-button/paper-toggle-button.html">
<link rel=import href="iron-collapse/iron-collapse.html">

<dom-module id="x-foo">
  <template>
    
<simple-expand-collapse>
  <div class="content">
    Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea, id minim maiestatis incorrupte duo. Dolorum verterem ad ius, his et nullam verterem. Eu alia debet usu, an doming tritani est. Vix ad ponderum petentium suavitate, eum
    eu tempor populo, graece sententiae constituam vim ex. Cu torquatos reprimique neglegentur nec, voluptua periculis has ut, at eos discere deleniti sensibus. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea,
    id minim maiestatis incorrupte duo. Dolorum verterem ad ius, his et nullam verterem. Eu alia debet usu, an doming tritani est. Vix ad ponderum petentium suavitate, eum eu tempor populo, graece sententiae constituam vim ex. Cu torquatos reprimique
    neglegentur nec, voluptua periculis has ut, at eos discere deleniti sensibus.
  </div>
</simple-expand-collapse>

    <div class="details1">Debit Card</div>
  </template>
</dom-module>

<div id="outer">
  <x-foo></x-foo>
</div>

CSS

#outer {
  display: flex;
  width: 280px;
}

.details1 {
                position: relative;
                font: Roboto-Light;
                font-size: 16px;
                color: rgba(0, 0, 0, 0.87);
                width: calc(100% - 74px);
                padding-top: 40px;
                margin-left: 10px;
                height: 1px;
            }
            .collapse-content {
                height: 300px;
                border: 1px solid #EEEEEE;
             
            }

JavaScript

Polymer({
  is: 'x-foo',
});