-
Notifications
You must be signed in to change notification settings - Fork 155
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
tigers L.MORA personal site #122
base: master
Are you sure you want to change the base?
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change | ||||
---|---|---|---|---|---|---|
|
@@ -4,9 +4,48 @@ | |||||
<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 = "styles/styles.css"> | ||||||
<title>Document</title> | ||||||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||||||
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet"> | ||||||
</head> | ||||||
<body> | ||||||
|
||||||
<body class="color"> | ||||||
<ul> | ||||||
<li> | ||||||
<a class= "decoration" href = "portfolio.html">PORTFOLIO</a> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Based on W3 styling guide, it's better practice to not leave space before and after the
Suggested change
|
||||||
</li> | ||||||
<li> | ||||||
<a class= "decoration" href = "index.html">INDEX</a> | ||||||
</li> | ||||||
<li> | ||||||
<a class= "decoration" href = "about.html">ABOUT</a> | ||||||
</li> | ||||||
|
||||||
</ul> | ||||||
</nav> | ||||||
</header> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. You've got a closing |
||||||
<div class="grid-container"> | ||||||
<div> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Let's use |
||||||
<img class="photos" src="img/IMG_4335.jpg"> | ||||||
<p></p> | ||||||
<h1></h1> | ||||||
</div> | ||||||
<div> | ||||||
<img class="photos" src="img/ca.jpg"> | ||||||
<p></p> | ||||||
</div> | ||||||
<div><img class="photos" src="img/pl.jpg"> | ||||||
<p><MI AMOR><p></div> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. What's happening here? |
||||||
</div> | ||||||
<header> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This should be above its matching closing tag |
||||||
<h1></h1> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Even if this is a placeholder waiting for content, add some text to it. |
||||||
|
||||||
<main class= flex-container2> | ||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Attribute value should always have quotes around it <main class= "flex-container2"> |
||||||
LILYS PAGE | ||||||
</main> | ||||||
<footer> | ||||||
|
||||||
</footer> | ||||||
</body> | ||||||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -4,9 +4,34 @@ | |
<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 = "styles/styles.css"> | ||
<title>Document</title> | ||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet"> | ||
</head> | ||
<body> | ||
|
||
<body class="color"> | ||
<nav> | ||
<ul> | ||
<li> | ||
<a class= "decoration" href = "portfolio.html">PORTFOLIO</a> | ||
</li> | ||
<li> | ||
<a class= "decoration" href = "index.html">INDEX</a> | ||
</li> | ||
<li> | ||
<a class= "decoration" href = "about.html">ABOUT</a> | ||
</li> | ||
</ul> | ||
</nav> | ||
<center><h1>LILIAN ASHLEY MORA</h1></center> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
|
||
<div class="flex-container"> | ||
|
||
<div>FOODIE</div> | ||
|
||
<div>TRAVEL</div> | ||
<div>MUSIC</div> | ||
Comment on lines
+30
to
+33
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
|
||
|
||
</div> | ||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -4,9 +4,35 @@ | |
<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 = "styles/styles.css"> | ||
<title>Document</title> | ||
<link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet"> | ||
</head> | ||
<body> | ||
|
||
<body class="color"> | ||
<nav> | ||
<ul> | ||
<li> | ||
<a class= "decoration" href = "portfolio.html">PORTFOLIO</a> | ||
</li> | ||
<li> | ||
<a class= "decoration" href = "index.html">INDEX</a> | ||
</li> | ||
<li> | ||
<a class= "decoration" href = "about.html">ABOUT</a> | ||
</li> | ||
</ul> | ||
</nav> | ||
<div class="flex-container2"> | ||
<img class="photos" src="img/github.gif"> | ||
</div> | ||
<div class="flex-container2"> | ||
<Ol> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. tags are always lowercase: |
||
<li> <a class= "decoration2" href="https://github.com/lilianashley/viewing-party">VIEWING PARTY</a></li> | ||
<li> <a class= "decoration2" href="https://github.com/lilianashley/task-list-api">TASK LIST API </a></li> | ||
<li><a class= "decoration2" href="https://github.com/lilianashley/personal-portfolio-site">PERSONAL PORTFOLIO SITE</a></li> | ||
</Ol> | ||
</div> | ||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
|
||
.photos{ | ||
height: 470px; | ||
width: 470px; | ||
} | ||
.grid-container { | ||
display: grid; | ||
grid-template-columns: auto auto auto; | ||
} | ||
Comment on lines
+6
to
+9
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Good job using css grid! 👍 |
||
|
||
.color{ | ||
background-color: black; | ||
color: white; | ||
font-family: 'Shadows Into Light', cursive; | ||
font-size: 33px; | ||
} | ||
.font{ | ||
font-stretch: ultra-expanded | ||
} | ||
.decoration{ | ||
text-decoration: none; | ||
color: white; | ||
} | ||
.decoration2{ | ||
text-decoration: none; | ||
color: white; | ||
font-weight: bold; | ||
} | ||
.flex-container { | ||
|
||
display: flex; | ||
justify-content: space-between; | ||
|
||
} | ||
.flex-container2 { | ||
|
||
display: flex; | ||
justify-content: center | ||
} | ||
Comment on lines
+29
to
+39
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Glad you used some flexbox styling! 👍 |
||
|
||
.gifphotos{ | ||
height: 250px; | ||
width: 250px; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
These should be indented over one more time