terminado

JoseAnt7 · JoseAnt7 · commit 9a9bf31da6a3 · 2024-07-05T10:45:27.000Z
diff --git a/.learn/resets/09-rounded-image/index.html b/.learn/resets/09-rounded-image/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>09 Rounded Image</title>
+	</head>
+
+	<body>
+		<img class="rounded" src="https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/.learn/assets/einstein.png?raw=true" />
+	</body>
+</html>
diff --git a/.learn/resets/09-rounded-image/styles.css b/.learn/resets/09-rounded-image/styles.css
@@ -0,0 +1,6 @@
+body {
+	background: #bdbdbd;
+}
+.rounded {
+	border-radius: 100%;
+}
diff --git a/.learn/resets/10-anchor-styles/index.html b/.learn/resets/10-anchor-styles/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>10 Anchor Styles</title>
+	</head>
+
+	<body>
+		<a class="threeDimension" href="#">Click me</a>
+	</body>
+</html>
diff --git a/.learn/resets/10-anchor-styles/styles.css b/.learn/resets/10-anchor-styles/styles.css
@@ -0,0 +1,17 @@
+
+.threeDimension {
+	display: block;
+	border: 1px solid;
+	border-color: #aaa #000 #000 #aaa;
+	width: 8em;
+	background: #fc0;
+	text-decoration: none;
+	text-align: center;
+	color: black;
+	font-size: 22px;
+}
+
+a.threeDimension:active {
+	/* your code here*/
+	
+}
diff --git a/.learn/resets/11-your-own-font/index.html b/.learn/resets/11-your-own-font/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<!-- Add your code below this line -->
+
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>11 Your Own Font</title>
+	</head>
+	<body>
+		<h1 class="myTitle">My unique font</h1>
+	</body>
+</html>
diff --git a/.learn/resets/11-your-own-font/styles.css b/.learn/resets/11-your-own-font/styles.css
@@ -0,0 +1,3 @@
+.myTitle {
+	/* Add your code below this line */
+}
diff --git a/.learn/resets/12-font-awesome-icons/index.html b/.learn/resets/12-font-awesome-icons/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<script src="https://kit.fontawesome.com/072e5df971.js" crossorigin="anonymous"></script>
+		<title>12 Font Awesome</title>
+	</head>
+	<body>
+		<ul>
+			<li><i class="fas fa-camera-retro"></i> Hello</li>
+		</ul>
+	</body>
+</html>
diff --git a/.learn/resets/12-font-awesome-icons/styles.css b/.learn/resets/12-font-awesome-icons/styles.css
@@ -0,0 +1,4 @@
+li {
+	font-size: 2.5rem;
+	list-style: none;
+}
diff --git a/.learn/resets/13-relative-length-em-rem/index.html b/.learn/resets/13-relative-length-em-rem/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>13 Relative Length EM REM</title>
+	</head>
+	<body>
+		<div id="my-first-div">
+			<h2>First h2 heading</h2>
+			<h3>First h3 heading</h3>
+			<p>Here is some nice fake content</p>
+		</div>
+		
+		<div id="the-second-one">
+			<h2>Second h2 heading</h2>
+			<h3>Second h3 heading</h3>
+			<p>More fake content but now in the second container</p>
+		</div>
+	</body>
+</html>
diff --git a/.learn/resets/13-relative-length-em-rem/styles.css b/.learn/resets/13-relative-length-em-rem/styles.css
@@ -0,0 +1,8 @@
+#my-first-div {
+	font-size: 15px;
+}
+#the-second-one {
+	font-size: 25px;
+}
+
+/* YOUR CODE BELOW THIS LINE */
diff --git a/.learn/resets/14-anchor-like-button/index.html b/.learn/resets/14-anchor-like-button/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>14 Anchor Like Button</title>
+	</head>
+	<body>
+		<a href="#" class="orange-btn">Beautiful Button</a>
+	</body>
+</html>
diff --git a/.learn/resets/14-anchor-like-button/styles.css b/.learn/resets/14-anchor-like-button/styles.css
@@ -0,0 +1,10 @@
+.orange-btn {
+	display: inline-block;
+	/* your code below */
+    
+}
+
+.orange-btn:hover {
+	/* YOUR CODE HERE FOR THE HOVER STATE */
+
+}
diff --git a/exercises/07-practicing-rules/styles.css b/exercises/07-practicing-rules/styles.css
@@ -18,6 +18,5 @@ h2 {
 }
 a:hover {
 	text-decoration: none;
-    color: green;
+	color: green;
 }
-
diff --git a/exercises/08-very-specific-rules/styles.css b/exercises/08-very-specific-rules/styles.css
@@ -1,5 +1,17 @@
 /** Insert your code here **/
 
+ul li {
+	color: red !important;
+}
+
+ol li:nth-child(2){
+	background-color: green;
+}
+
+tr:nth-child(odd) {
+	background-color: yellow;
+}
+
 /********** READ-ONLY BLOCK ******
 You CANNOT UPDATE anything from here on,
 only add lines of code on top of these lines
diff --git a/exercises/09-rounded-image/styles.css b/exercises/09-rounded-image/styles.css
@@ -2,5 +2,9 @@ body {
 	background: #bdbdbd;
 }
 .rounded {
-	border-radius: 100%;
+	object-position: top;
+	border-radius: 0%;
+	width: 120px;
+	height: 120px;
+	object-fit: cover;
 }
diff --git a/exercises/10-anchor-styles/styles.css b/exercises/10-anchor-styles/styles.css
@@ -1,4 +1,3 @@
-
 .threeDimension {
 	display: block;
 	border: 1px solid;
@@ -12,6 +11,5 @@
 }
 
 a.threeDimension:active {
-	/* your code here*/
-	
+	border-color: #000 #aaa #aaa #000;
 }
diff --git a/exercises/11-your-own-font/index.html b/exercises/11-your-own-font/index.html
@@ -3,6 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine" />
 		<!-- Add your code below this line -->
 
 		<link rel="stylesheet" type="text/css" href="./styles.css" />
diff --git a/exercises/11-your-own-font/styles.css b/exercises/11-your-own-font/styles.css
@@ -1,3 +1,3 @@
 .myTitle {
-	/* Add your code below this line */
+	font-family: "Tangerine", serif;
 }
diff --git a/exercises/12-font-awesome-icons/index.html b/exercises/12-font-awesome-icons/index.html
@@ -10,6 +10,8 @@
 	<body>
 		<ul>
 			<li><i class="fas fa-camera-retro"></i> Hello</li>
+			<li><i class="fa-solid fa-music"></i></i></li>
+			<li><i class="fa-brands fa-instagram"></i></li>
 		</ul>
 	</body>
 </html>
diff --git a/exercises/13-relative-length-em-rem/index.html b/exercises/13-relative-length-em-rem/index.html
@@ -12,7 +12,7 @@ <h2>First h2 heading</h2>
 			<h3>First h3 heading</h3>
 			<p>Here is some nice fake content</p>
 		</div>
-		
+
 		<div id="the-second-one">
 			<h2>Second h2 heading</h2>
 			<h3>Second h3 heading</h3>
diff --git a/exercises/13-relative-length-em-rem/solution.hide.css b/exercises/13-relative-length-em-rem/solution.hide.css
@@ -6,10 +6,10 @@
 }
 
 /* YOUR CODE BELOW THIS LINE */
-h2{
+h2 {
 	font-size: 0.8em;
 }
 
-h3{
+h3 {
 	font-size: 0.8rem;
-}
+}
diff --git a/exercises/13-relative-length-em-rem/styles.css b/exercises/13-relative-length-em-rem/styles.css
@@ -6,3 +6,11 @@
 }
 
 /* YOUR CODE BELOW THIS LINE */
+
+h2 {
+	font-size: 0.8em;
+}
+
+h3 {
+	font-size: 0.8rem;
+}
diff --git a/exercises/14-anchor-like-button/styles.css b/exercises/14-anchor-like-button/styles.css
@@ -1,10 +1,14 @@
 .orange-btn {
 	display: inline-block;
 	/* your code below */
-    
+	padding: 10px;
+	border-radius: 4px;
+	background-color: orange;
 }
 
 .orange-btn:hover {
 	/* YOUR CODE HERE FOR THE HOVER STATE */
-
+	background-color: darkorange;
+	text-decoration: none;
+	color: white;
 }

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.myTitle {`
	`2`	`+ /* Add your code below this line */`
	`3`	`+}`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +li {
 +	font-size: 2.5rem;
 +	list-style: none;
 +}