Fixed screenshot size on Themes page

This commit is contained in:
Shannon Kay 2025-03-02 17:00:48 -08:00
parent 74680af5a4
commit f1a828e948
2 changed files with 22 additions and 7 deletions

View file

@ -326,6 +326,18 @@ ul {
max-width: 1024px; max-width: 1024px;
border-radius: 10px; border-radius: 10px;
} }
.content {
display: block;
background-color: #f7d3d6;
border: solid 2pt;
border-color: white;
padding: 1rem;
padding-bottom: 1.5rem;
margin: auto;
text-align: left;
max-width: 1024px;
border-radius: 10px;
}
/* .intro { /* .intro {
display: block; display: block;
@ -366,14 +378,16 @@ ul {
text-align: center; text-align: center;
} }
.screenshot img { .screenshot img {
width: 400px; width: 360px;
max-height: 100vw;
max-width: 90%; max-width: 90%;
height: auto;
} }
.screenshot { .screenshot {
width: 400px; width: 360px;
max-height: 100vw;
max-width: 90%; max-width: 90%;
height: auto;
} }
.caption { .caption {
text-align: center; text-align: center;

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Themes by Shannon Kay</title> <title>Themes by Shannon Kay</title>
<meta name="description" content="Sometimes I like to customize things, and I usually make them more pink. Themes for NetNewsWire RSS client for Mac and iOS.">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#f9dee1"> <meta name="theme-color" content="#f9dee1">
<link rel="stylesheet" href="../home.css"> <link rel="stylesheet" href="../home.css">
@ -17,8 +17,9 @@
<!-- <!--
<nav>Navigation goes here</nav> <nav>Navigation goes here</nav>
--> -->
<section class="text"> <section class="content">
<p>Sometimes I like to customize things, and I usually make them more pink.</p> <p>Sometimes I like to customize things, and I usually make them more pink. <br>
Reply: <a href="mailto:homepage25@shannonkay.me"><i class="fa-solid fa-envelope"></i></a></p>
<h2 id="NetNewsWire"><a href="#NetNewsWire">NetNewsWire Themes</a></h2> <h2 id="NetNewsWire"><a href="#NetNewsWire">NetNewsWire Themes</a></h2>
<p>These themes style the article view in <a href="https://netnewswire.com">NetNewsWire</a> RSS client. The themes work for Mac and iOS, and dark mode is included.</p> <p>These themes style the article view in <a href="https://netnewswire.com">NetNewsWire</a> RSS client. The themes work for Mac and iOS, and dark mode is included.</p>