响应填充百分比 - css

Question

我无法弄清楚，我们如何实现响应式流体布局。我发现pixels px非常困难。但是，如何才有可能呢。

我是在尝试一个简单的事情。尝试在所有设备上右对齐两个不同的行。示例here

我希望About Us文本和Some randon text在所有设备上正确对齐。目前，我必须在多个多个查询中设置padding-right（超过5或6）。但是如果使用%ages或任何其他技巧，它怎么可能呢。

  

注意：通过欺骗网页在平板电脑模式下打开示例。我目前应用了visible-sm类。