请利用弹性布局完成下面筛子3的效果，提示：可以单独设置子元素在侧轴方向的对齐方式

弹性布局（Flexbox）是一种用于创建灵活、响应式用户界面的现代CSS布局模式，它可以帮助我们轻松地控制元素如何在容器内排列，特别是在屏幕大小变化时自动调整布局。要实现类似筛子3的效果，你可以按照以下步骤操作：

1. 首先，将包含子元素的容器设置为`display: flex;`，这表示容器采用弹性盒模型。

.container {
   display: flex;
}

2. 如果你想让每个子元素等间距分布，可以在容器上添加`justify-content`属性，并设置为`space-between`或`flex-wrap: wrap;`配合`align-items: center;`来保证垂直居中。

.container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}

3. 对于侧轴（横轴）对齐，如果想让子元素在水平方向上均匀分布，可以使用`justify-content: stretch;`，这样子元素会平均分配可用空间。

.container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   justify-content: stretch;
}

4. 如果需要特定子元素在其父元素的一侧对齐，可以给那个子元素添加`margin-right: auto`或`margin-left: auto`来使其自动靠向另一侧。

.item-to-align {
   margin-right: auto;
   /* 或者 */
   margin-left: auto;
}

5. 可以配合媒体查询，针对不同的设备视口尺寸调整弹性布局的行为，确保在不同屏幕上达到最佳效果。

记得根据实际需求替换`.container`, `.item-to-align`等类名，并在HTML结构中正确应用样式。