Html Can'；似乎没有将CSS网格与页面的右侧（尾端）对齐

我正在尝试使用GSAP创建一个滚动库。 两行，使用CSS网格。上一个向左，下一个向右

为了计算同步速度，我希望A行开始右对齐，B行开始左对齐

最下面的那个很好用。但在我的一生中，我无法以右侧对齐的方式开始第一排

我试着把它转换成合适的位置，但这会把响应搞砸。 我尝试过使用“右边距：0”，但由于某些原因，它不起作用。如果我把显示器换成内联显示，它就可以正常工作了。 我试着让容器浮起来。没什么

有没有什么明显的东西我遗漏了？ 父容器是Flexbox

边写边编辑：我尝试将“flex-direction:row-reverse”添加到父容器中，我认为这很有效。但是，现在所有项目都位于单个行上，层次结构如下：

• 弯曲
  • CSS网格（A行）
    • 图像
  • CSS网格（B行）
    • 图像

---

我这样做是否效率低下，是否有更好的方法，还是必须将这两行分隔成各自的Flex容器？谢谢你的建议。

你能提供一个包含html、css和动画代码的最小代码示例吗？它使我们更容易发现潜在的问题，并将预期的结果可视化。