我像你们许多人一样处于网络开发之旅的开头，这是一条漫长而艰难的道路。但是，请记住如果我继续前进，所有这些艰苦的工作最终都会得到回报。当我以自己的技能为基础并在腰带中添加新工具时，我曾经认为的事情很难（例如回调功能）随着时间的流逝而变得更加容易。

与许多其他Fullstack Devs不同，我实际上喜欢CSS，并且认为制作网页的独特设计很有趣。我想与您分享我学到的最新工具之一。它使用的是Flexbox，而不是硬编码的边距和填充。它使您可以创建灵活且响应的布局，在所有屏幕尺寸上看起来都不错，而无需媒体查询（真棒，对吗？！）。

使用Flexbox的主要优点是它允许您对齐和分配HTML元素在容器中，然后可以将其垂直和水平对齐。允许您完全控制元素的大小，顺序和间距。

要开始使用FlexBox，您需要在HTML文件中创建一个容器元素，然后将子元素添加到容器中。然后，要将该容器变成flexbox，在您的CSS文件中，您将将显示属性设置为Flex。最后，您可以设置子元素的Flex属性，以确定您希望它们的外观。

html

<div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

CSS

.flex-container {
  display: flex;
  flex-direction: row;
}