-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathconclusion.html
85 lines (71 loc) · 3.72 KB
/
conclusion.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conclusión</title>
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,500" rel="stylesheet">
<link rel="stylesheet" href="css/ejericios.css">
</head>
<body>
<!-- Nav bar En caso de cambio actualizar toda la web 😭 -->
<ul class="navbar">
<li class="nav-li"><a class="nav_titulo " href="index.html">Tecnologias web para moviles</a></li>
<li class="nav-li" style="background-color: aliceblue;">
<div class="custom-select">
<select class="select-css" name="cbWebUrl" id="cbWebUrl" onchange="cbCambiarUrl()">
<option value="0">Seleccionar</option>
<option value="1">01. Super Centered</option>
<option value="2">02. The Deconstructed Pancake</option>
<option value="3">03. Sidebar Says</option>
<option value="4">04. Pancake Stack </option>
<option value="5">05. Classic Holy Grail Layout </option>
<option value="6">06. 12-Span Grid</option>
<option value="7">07. RAM (Repeat, Auto, Minmax)</option>
<option value="8">08. Line Up </option>
<option value="9">09. Clamping My Style</option>
<option value="10">10. Respect for Aspect</option>
<option value="11">Conclusión</option>
</select>
</div>
</li>
</ul>
<!-- Fin navbar -->
<div class="ex1 conclusion">
<div class="parent blue">
<div class="box coral" >
<div class="card">
<div class="container" >
<h3><b>Conclusión</b></h3>
<br>
<p>
El diseño mediante css grid es una herramienta muy poderosa para la organizacion
de cualquier paguina web debido a su flexibilidad, permitiendo realizar a su vez
diseños responsivos aptos para todo tipo de dispositivos de una forma muy facil
al mismo tiempo generando diseños dificiles de romper al realizar cambios al
entorno donde se encuentre y dentro de el.
</p>
<p>
A mi punto de vista es la mejor opcion para realizar el maquetado de la extructura general
de la paguina con el inconveniente que su extructura es un poco mas compleja de manejar.
Es por ello que para posicionar elementos que se encuentren en contenedores mas pequeños
y con menos elementos en su interior seria mas practico usa Flex ya que es un poco mas rapido de
implementar y facil de interpretar para la deteccion de errores;
</p>
<!-- <p>
<ul>
<li>Contenedores</li>
<li>Cards</li>
<li>Bloques de texto</li>
<li>Alerts</li>
</ul>
</p> -->
</div>
</div>
</div>
</div>
</div>
<script src="https://kit.fontawesome.com/a72b6004e3.js" crossorigin="anonymous"></script>
<script src="js/navBar.js"></script>
</body>
</html>