I keep running out of room when using a card?


#1

When I try use a card I have a limit to how much text I can use, how can I make the card go to a new line? I assumed it would just adjust the size for the text like it did for my video but its not:

<div class="card">
              <div class="item item-divider">
                The follow app is aimed to help young Irish people stay healty and 
                to promote healty eating, We provide a list of different recipies 
                that are easily made, cheap and can all ingredients can be found 
                locally. To find out more please watch the video below provided by the HSE.
              </div>
              <div class="item item-text-wrap">
                  <div class="video-container">
                      <!--This is ment to be a link to a HSE video but it wont work, I think its something to do with ionic serve but I lost my phone so I cant test it-->
                       <iframe src="https://www.youtube.com/embed/watch?v=1dxILd49RAM" frameborder="0" width="560" height="315"></iframe>
                  </div>
              </div>
              <div class="item item-divider">
              
               Obeisty is a growing problem in Ireland with the rise of processed and fast food, if you would like to find out more please visit our website at: href="http://www.w3schools.com/html/"
              </div>

#2
    <div class="card">
          <div class="item item-divider">
            The follow app is aimed to help young Irish people stay healty and 
            to promote healty eating, We provide a list of different recipies 
            that are easily made, cheap and can all ingredients can be found 
            locally. To find out more please watch the video below provided by the HSE.
          </div>
          <div class="item item-text-wrap">
              <div class="video-container">
                  <!--This is ment to be a link to a HSE video but it wont work, I think its something to do with ionic serve but I lost my phone so I cant test it-->
                   <iframe src="https://www.youtube.com/embed/watch?v=1dxILd49RAM" frameborder="0" width="560" height="315"></iframe>
              </div>
           </div>
          <div class="item item-divider">
          
           Obeisty is a growing problem in Ireland with the rise of processed and fast food, if you would like to find out more please visit our website at: href="http://www.w3schools.com/html/"
          </div>
         </div>

my code didnt appear in the post


#3

I edited your original post to show the code. :smile:

You need to add item-text-wrap to the div wrapping the text, just like the video has.

<div class="item item-divider item-text-wrap">