added: read more button and majors class

2 files changed, 36 insertions, 3 deletions

diff --git a/layouts/shortcodes/list-majors.html b/layouts/shortcodes/list-majors.html
index 7bb2669..9738280 100644
--- a/layouts/shortcodes/list-majors.html
+++ b/layouts/shortcodes/list-majors.html
@@ -1,7 +1,8 @@
-<ul class="programs">
+<ul class="majors">
 {{ range (where .Site.RegularPages "Section" "==" "licenciatura")  }}
-<a href="{{ .RelPermalink }}"><li>{{ .Title }} <br>
+<li><h3>{{ .Title }}</h3>
 {{ .Summary }}
-</li></a>
+<a href="{{ .RelPermalink }}" id="read-more">Leer más</a>
+</li>
 {{ end }}
 </ul>
diff --git a/static/style.css b/static/style.css
index 88f3b95..9b493d6 100644
--- a/static/style.css
+++ b/static/style.css
@@ -44,3 +44,35 @@ footer {
 #nextart,#prevart {
 	max-width: 33% ;
 }
+
+h1 {
+	text-align: center;
+}
+
+.majors{
+	text-align: center;
+	align-content: center;
+	justify-content: center;
+	display: flex;
+	max-width: 1280px;
+	list-style: none;
+	flex-wrap: wrap;
+	gap: 10px;
+}
+
+.majors > li{
+	min-height: 600px;
+	max-width: 300px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+#read-more {
+	font-weight: bold;
+	background-color: red;
+	padding: 4px;
+	border-radius: 6px;
+	justify-content: center;
+	margin: 0 auto;
+}