Skip to content
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.

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

Practice with Css Intro #229

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5502
}
7 changes: 4 additions & 3 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,11 @@
<head>
<meta charset="utf-8" />
<title>CSS Intro</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1>Your Name Here</h1>
<div>
<h1>Shaniqua Coston</h1>
<div class="professional-description">
<p>
This is a bunch of information about myself. I'm from here and there and
discovered my love of programming when this happened. When I'm not
Expand Down Expand Up @@ -38,7 +39,7 @@ <h3>Libraries</h3>
</ol>
</div>

<div>
<div class="killer-bug">
<h3>Hardest Bug So Far</h3>
<p>
My hardest bug I ever came across was this infinite loop I couldn't
Expand Down
47 changes: 47 additions & 0 deletions styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
h1 {
color: rgb(0, 0, 255);
font-family: Luminari;
font-size: 30px;
}
h2 {
color: rgb(21, 175, 236);
}
h3 {
color: rgb(6, 86, 166);
text-decoration-line: underline;
}
.killer-bug {
color: black;
padding-top: 10px;
padding-bottom: 10x;
}
div.professional-description {
color: black;

padding-bottom: 15px;
}

ul {;
font-weight: bold;
list-style: none;
}

ol {
font-weight: bold;
}

li {
text-align: center;
border: 1px solid rgb(28, 34, 229);
border-radius: 10px;
color: rgb(0, 0, 255);
background-color:cornflowerblue;
padding-left: 30px;
}
img {
height: 200px;
}
body {
font-family: sans-serif, 'Times New Roman', Times, serif;
}