Merge pull request #46 from UmiKami/03-Bootstrap-Grid

tommygonzaleza · web-flow · commit 554edba95fc3 · 2023-03-09T16:58:22.000-04:00
03 bootstrap grid
diff --git a/exercises/03-Bootstrap-Grid/README.es.md b/exercises/03-Bootstrap-Grid/README.es.md
@@ -34,7 +34,7 @@ https://getbootstrap.com/docs/5.0/layout/grid/
 
 3. Cambia el color de fondo(`background-color`) del `col-12` a rojo(`red`), y agrega tu nombre adentro del `<div>`.
 
-4. Cambia el principal `container` a `container-fluid`
+4. Cambia el div principal `container` a `container-fluid`
 
 ### Resultado esperado:
 
diff --git a/exercises/03-Bootstrap-Grid/README.md b/exercises/03-Bootstrap-Grid/README.md
@@ -33,7 +33,7 @@ https://getbootstrap.com/docs/5.0/layout/grid/
 
 3. Change the `background-color` of the `col-12` to `red`, and add your name inside of the `<div>`.
 
-4. Change the main `container` to `container-fluid`
+4. Change the main div `container` to `container-fluid`
 
 
 ### Expected result:
diff --git a/exercises/03-Bootstrap-Grid/solution.hide.html b/exercises/03-Bootstrap-Grid/solution.hide.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link
+			href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+			rel="stylesheet"
+			integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
+			crossorigin="anonymous"
+		/>
+		<title>03 Bootstrap Grid</title>
+	</head>
+	<body>
+		<div class="container-fluid">
+			<h1>Let's test the grid baby!</h1>
+			<div class="row">
+				<div class="col-6">First col</div>
+				<div class="col-6">Second col</div>
+			</div>
+			<div class="row">
+				<div class="col-4">Third col</div>
+				<div class="col-4">Fourth col</div>
+				<div class="col-4">Fifth col</div>
+			</div>
+			<div class="row">
+				<div class="col-12 bg-danger">Sixth col</div>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/exercises/03-Bootstrap-Grid/tests.js b/exercises/03-Bootstrap-Grid/tests.js
@@ -59,8 +59,8 @@ describe("All the tests should pass", function () {
 
         let div = thirdRow.querySelector("div");
         expect(div).toBeTruthy();
-        expect(div.classList.contains("col-12") || div.classList.contains("col"));
-        expect(div.classList.contains("bg-danger"));
+        expect(div.classList.contains("col-12") || div.classList.contains("col")).toBeTruthy();
+        expect(div.classList.contains("bg-danger")).toBeTruthy();
         expect(div.innerHTML.toString()).toBeTruthy();
     });
     
