flex-direction 的全高：column

Question

我尝试制作一个包含文本和两个按钮的 CTA 框，这些按钮包含在 .buttons 类中，并以图像为中心。当我有移动视图时，一切都很好，因为按钮位于文本区域下方。但是在桌面视图中，我在文本旁边和彼此上方都有按钮，当我对文本区域使用较大的字体和填充时，按钮内的文本不会居中。

[Codepen]([https://codepen.io/iCode18/pen/dBQLeL/][1])

我知道我应该有一个移动优先。我知道在设备之间转换看起来不太好。

Answer 1

每个按钮必须有： display: flex; justify-content: center; align-items: center;，当然还有必要的媒体查询。