Ionic CSS: Is moving a <div> up with margin-top: -25% good? (negative)

ionic-v1
1

I am having a tough time moving up the a <div> called: <div class="daily-count">{{dailyPassengers}}</div>

So far the only way I can move it up is with the following CSS
margin-top: -25%;

and I don’t feel good about it. I am sure that I am missing some elementary CSS knowledge and I was hoping someone could suggest something…

I just don’t think a negative % will translate well across the app later on and I want to avoid them.
Here is the html code if anyone wants to take a peak on my divs and grid…

The code in question…

<div class="row responsive-sm">
  <div class="col col-50" >
    <div class="daily-count">{{dailyPassengers}}</div> 
  </div>

THE CSS

div.daily-count {
font-size: 5.0em;
color: white;
text-align: center;
margin-top: -25%;

The rest of the HTML

<h3 class="dayOftheWeek">{{dayofWeek}}</h3>
  
  <div class="row responsive-sm">
    
    <div class="col col-50" >
      
      <div class="today-client-bubble" scroll="false">

        <img class="bubble" src="/img/photo.png" alt="">
      
      </div>
      
    </div>
   
   </div>

    <div class="row responsive-sm">
      <div class="col col-50" >
        <div class="daily-count">{{dailyPassengers}}</div> 
      </div> 
   </div>
2

Can you show a screenshot of the “unmoved” div and then what you want to achieve?

3

Thanks for trying to help me with this but I can’t do that.