Align title with main article

This commit is contained in:
jultty 2024-05-20 16:25:14 -03:00
commit 34d88b8de7
4 changed files with 17 additions and 0 deletions

View file

@ -82,6 +82,9 @@ footer {
.article p {
margin: 25px 0px;
}
h1 {
margin-left: 45px;
}
}
/* widescreen */
@ -94,6 +97,14 @@ footer {
grid-column-start: 2;
margin: 15px;
}
#title-container {
display: grid;
grid-template-columns: 1fr 700px 1fr;
}
#title-container h1 {
grid-column-start: 2;
margin: 80px 15px 30px 15px;
}
}
/* phone */

View file

@ -23,7 +23,9 @@
</head>
<body>
<header id="title-block-header">
<div id="title-container">
<h1 class="title">Meeting the BSD family</h1>
</div>
</header>
<main class="article">
<p>During this year I have been delving deeper and deeper in the BSD

View file

@ -84,7 +84,9 @@
</head>
<body>
<header id="title-block-header">
<div id="title-container">
<h1 class="title">Scripts em OCaml</h1>
</div>
</header>
<main class="article">
<p>Este blog gera suas postagens com o Pandoc, mas quem faz o trabalho

2
posts/template.html generated
View file

@ -39,7 +39,9 @@ $include-before$
$endfor$
$if(title)$
<header id="title-block-header">
<div id="title-container">
<h1 class="title">$title$</h1>
</div>
$if(subtitle)$
<p class="subtitle">$subtitle$</p>
$endif$