今天做的事

今天把任务7的第一张图做了出来

效果如下

代码如下

body{
    margin: 0;
    background-color: #f0f0f0;
}


.header{
    display: flex;
    align-items:  center;
    background-color: #29bde0;
    height: 80px;
}
.main1_c{
    display: flex;
    align-items:  center;
    justify-content:center;

}
.main1{
    display: flex;
    align-items:  center;
    justify-content:space-between;
    margin-top:20px;
    height: 95px;
    width: 90%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    font-size: 25px;
    color: #9a9a9a;
}
.main1_1{
    margin-right: 10px;
}
.main2_c{
    display: flex;
    align-items:  center;
    justify-content:center;
}

.main2_1 {
    height: 69px;
    background-color: #fff;
    border-bottom:1px solid #fbb435;

    text-align: center;
    line-height: 69px;
    font-size: 25px;
    color: #fbb435;

}

.main2_2 {
    margin-top: 20px;
    border: 1px solid #e7e7e7;
    height: 666px;
    width: 90%;
    background-color: #fff;
}
.main2_2_1{
    margin: 25px 50px;
    height: 100px;
    background-color: #69d1e9;
    text-align:center;
    line-height:100px;
    font-size: 25px;
    color: #fff;
}
.main2_2_2{

    text-align:center;

    font-size: 20px;
    color: #787878;
}
.main3{
    display: flex;
    align-items: center;
}
.main3_1 {
    margin: 25px 16px 25px 50px;
    width: 100%;
    height: 100px;
    background-color: #69d1e9;
    text-align:center;
    line-height:100px;
    font-size: 25px;
    color: #fff;
}
.main3P{
    margin-right: 7px;
}
.footer{

    display: flex;
    justify-content:center;
    margin-top: 10px;
}
.footer_1{
    background-color: #f0f0f0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}
.footer_1:hover{
    background-color:#69d1e9;
}

任务7的第二张图还没有做完

遇到了一点问题

感觉一遇到问题就不知道怎么去解决了我于是自己慢慢的琢磨琢磨，时间就这么流逝了。

但是，问题在于，我怎么去解决问题，一个新的问题，本身就是知识的盲点

了解的还是就一点，关键在于不认识英语，但是代码都是由英语构成的，

现在看代码都是猜测他是干嘛的，属性什么的也不知道啥意思，每次都要去百度，

还是要狠下心来认真的学习一下英语，毕竟是吃饭的家伙。

遇到的问题

对盒子之间的关系还需要继续了解

收获

做任务之前会去想一想

明天计划

完成任务7