<style>
.courseList{
width: 100%;
height: auto;
padding-bottom: 60px;
display: flex;
}
.courseNumber{
display: block;
text-align: center;
float: left;
margin-right: 10px;
padding-top: 10px;
}
span.courses {
font-size: 11px;
letter-spacing: 10px;
float: left;
padding-left: 10px;
margin-bottom: 12px;
width: 100%;
color: #bfbfbf;
}
span.numbers {
font-size: 70px;
color: #bfbfbf;
}
.courseText{
border-bottom: 1px #69c solid;
left: 128px;
padding-bottom: 30px;
}
.courseText h2{
font-size: 24px;
padding-bottom: 20px;
line-height: 36px;
}
@media screen and (max-width: 425px){
.courseList{
display: block;
padding-bottom: 30px;
}
.courseNumber{
width: 100%;
text-align: left;
}
span.courses{
width: auto;
text-align: center;
float: none;
font-size: 16px;
color: #5a5a5a;
padding: 0;
}
span.numbers{
width: auto;
text-align: center;
float: none;
font-size: 16px;
color: #5a5a5a;
}
.courseText{
padding-bottom: 20px;
}
.courseText h2{
font-size: 22px;
padding-bottom: 10px;
}
}
</style>
<!---課程1--->
<div class="courseList">
<div class="courseNumber">
<span class="courses">課程</span>
<span class="numbers">1</span>
</div>
<div class="courseText">
<h2><a href="https://aiacademy.tw/?p=13329&preview=true&nc">python IO [python 的輸入及輸出]</a></h2>
<p>進入python程式的第一堂課，以實際演練搭配解說的方式，針對初步的輸入及輸出做說明，並介紹如何加入註解。</p>
</div>
</div>
<!---課程1--->
<!---課程2--->
<div class="courseList">
<div class="courseNumber">
<span class="courses">課程</span>
<span class="numbers">2</span>
</div>
<div class="courseText">
<h2><a href="https://aiacademy.tw/?p=13329&preview=true&nc">python IO [python 的輸入及輸出]</a></h2>
<p>進入python程式的第一堂課，以實際演練搭配解說的方式，針對初步的輸入及輸出做說明，並介紹如何加入註解。</p>
</div>
</div>
<!---課程2--->