styled query to not show pre info in the_title

functions.php

@@ -188,3 +188,14 @@ if ( defined( 'JETPACK__VERSION' ) ) {
  * Functions to personalize login screen 
  */
 require get_template_directory() . '/inc/login-functions.php';
+
+/**
+ * Functions to personalize the_archive_title() function
+ */
+
+require get_template_directory() . '/inc/archive-title.php';
+
+/**
+ * Functions to add guttemberg editor style
+ */
+//require get_template_directory() . '/inc/guttemberg-editor-style.php';

inc/archive-title.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Archive title customization.
+ * Get rid of the "Category:" "Tag:" "Author:" "Archives:" lables in 
+ *
+ * https://developer.wordpress.org/reference/functions/get_the_archive_title/#comment-1807
+ */
+
+
+function ofisuport_archive_title( $title ) {
+	if ( is_category() ) {
+		$title = single_cat_title( '', false );
+	} elseif ( is_tag() ) {
+		$title = single_tag_title( '', false );
+	} elseif ( is_author() ) {
+		$title = '<span class="vcard">' . get_the_author() . '</span>';
+	} elseif ( is_post_type_archive() ) {
+		$title = post_type_archive_title( '', false );
+	} elseif ( is_tax() ) {
+		$title = single_term_title( '', false );
+	}
+
+	return $title;
+}
+
+add_filter( 'get_the_archive_title', 'ofisuport_archive_title' );

sass/abstracts/variables/_columns.scss

@@ -11,3 +11,9 @@ $columns: (
 );
 
 $columns__margin: 3.8%;
+
+//grid properties
+$grid__gap: 1rem;
+$grid__column-gap: $grid__gap;
+$grid__row-gap: $grid__gap;
+

sass/layouts/_no-sidebar.scss

@@ -66,8 +66,17 @@
 	.no-sidebar {
 		.site {
 			padding: 0 2rem;
+			.archive-posts {
+        display: grid;
+        grid-template-columns: repeat(4 , 1fr);
+        gap: $grid__gap;
+      }
 		}
 		.site-header {
+			height: 12rem;
+			&::after {
+				top: 12rem;
+			}
 			.main {
 				flex-flow: column;
 				border-bottom: 1px solid $color__grey-lighter;

style.css

@@ -783,6 +783,17 @@ textarea {
 	.no-sidebar .site {
 		padding: 0 2rem;
 	}
+	.no-sidebar .site .archive-posts {
+		display: grid;
+		grid-template-columns: repeat(4, 1fr);
+		gap: 1rem;
+	}
+	.no-sidebar .site-header {
+		height: 12rem;
+	}
+	.no-sidebar .site-header::after {
+		top: 12rem;
+	}
 	.no-sidebar .site-header .main {
 		flex-flow: column;
 		border-bottom: 1px solid #eee;