04-地图布局

背景与目标 像在演讲中一样构建。 对于本练习，请注意，我们没有在index.html任何地方导入Bootstrap！ 您将需要在pages/map.css文件中实现此布局，而不使用Bootstrap： 开始挑战 确保您了解index.html的代码，以及我们给您提供的navbar和卡的设计（位于components/navbar.css和components/card.css 。 如果您不完全了解它，请举一张票，然后有人会解释！ 返回讲座以练习如何使用flexbox和position: sticky构建布局。 不要通过检查代码来作弊！ :magnifying_glass_tilted_right: 这项挑战的目的是教您如何自己构建布局。 花点时间思考，问老师是否被卡住了，但不要作弊 :winking_face: ！ 要显示MapBox地图，您将需要，并确保将自己的密钥添加到#map图像元素的src属性中的url中。 要测试代码并在浏览器中查看页面，请使用以下命令启