Skip to content

[4조] 임정연 과제 제출합니다. #15

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
13155a1 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

[4조] 임정연 과제 제출합니다. #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
# 11th_HTML-CSS
4월 5일 세션에 대한 미니 프로젝트 과제를 제출하는 레포입니다.

안녕하세요 - 정연
Copy link

@nexdavid2020 nexdavid2020 Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ㅎㅇㅎㅇ~

Copy link

@rmdnps10 rmdnps10 Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

안녕하세요!!

Copy link

@rmdnps10 rmdnps10 Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

중간고사 화이팅입니다

Copy link

@Goonco Goonco Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

좋은데요?

Copy link

@fressh1127 fressh1127 Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ㅎㅇㅎㅇ요

87 changes: 87 additions & 0 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Git Clone Session</title>
</head>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Git Clone Session</title>
</head>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Git Clone Session</title>
</head>

<body>
<div id="main-container">
<header></header>
<main>
<div id="top">디버깅 4조</div>
<div id="container">
<section>
<p>
<h3>모두 화이팅..!
main branch 에서 수정함
</h3>
</p>
</section>
<section>
<p>
<h3>안녕하세요 - 정연
화이팅
</h3>
</p>
</section>
<section>
<p>
<h3>김성현</h3>
오늘 너무 피곤합니다ㅠ<br>
</p>
</section>
<section>
<p>
<h3>신선희</h3>
</p>
</section>
<section>
<p>
<h3>강민석</h3>
고생했어요 ㅎㅎㅎㅎ
ㅎㅎㅎㅎㅎㅎㅎ
</p>
</section>
<section>
<p>
TEST TEST TESTs
<h3>송경호</h3>
</p>
</section>
</div>
<aside>
<div id="team">
</div>
<div id="hi">
오늘 세션도 화이팅!
나도 화이팅!
sunghyun branch에서 수정!
</div>
</aside>
</main>
<footer>Copyright © 2023 서강대학교 멋쟁이사자처럼 디버깅 2조. All right Reserved.</footer>
</div>
<div id="alert">
PC화면에서 접속해주세요!
</div>
</body>
</html>
125 changes: 125 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
@font-face {
font-family: 'SeoulNamsanM';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
font-weight: normal;
font-style: normal;
}

*{
box-sizing: border-box;
margin: 0;
font-family: 'SeoulNamsanM';
line-height: 20px;
}

body{
background-color: #f8f8f8;
}

header{
height: 40px;
background-color: #333;
}

main{
height: 600px;
width: 750px;
margin: 0 auto;
background-color: #f8f8f8;
box-shadow: 10px 10px 20px gray;
}

#top{
height: 35px;
background-color: #f0cdea;
margin-bottom: 25px;
border-radius: 0 0 10px 10px;
color: white;
font-size: 18px;
text-align: center;
line-height: 35px;
}

#container{
height: 410px;
padding: 10px;
/* flex(wrap)으로 section 배치*/
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-around;
}

aside{
height: 110px;
background-color: #f8f8f8;
margin-bottom: 60px;
margin: 0 15px 60px 15px;
display: flex;
justify-content: space-around;
align-items: space-around;
}

section {
height: 45%;
width: 30%;
border-radius: 7px;
text-align: center;
display: block;
background-color: white;
justify-content: center;
}

section p {
padding: 10px;
text-align: center;
position: relative;
}

#team{
width: 470px;
height: 100%;
background-color: #31999c;
color: white;
border-radius: 5px;
font-size: 15px;
padding: 20px;
text-align: center;
}

#hi{
width: 230px;
height: 100%;
background-color: pink;
color: black;
border-radius: 5px;
font-size: 15px;
padding: 20px;
text-align: center;
}

#alert {
display: none;
text-align: center;
padding-top: 300px;
}

footer{
height: 200px;
background-color: white;
text-align: center;
color: rgb(170, 170, 170);
padding: 50px;
}

@media(max-width: 800px) {
#main-container {
display: none;
}

#alert {
display: block;
}
}