Updated blog with image
This commit is contained in:
@ -242,8 +242,13 @@
|
|||||||
<p>
|
<p>
|
||||||
dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.
|
dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.
|
||||||
</p>
|
</p>
|
||||||
|
<div><p></p></div>
|
||||||
|
<div class="img-container">
|
||||||
|
<img src="./src/img/CannotConnect.JPEG" alt="Cannot Connect" class="viewport-image">
|
||||||
|
</div>
|
||||||
<!-- partial -->
|
<!-- partial -->
|
||||||
<script src="./script.js"></script>
|
<script src="./script.js"></script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
BIN
blog/src/img/CannotConnect.JPEG
Normal file
BIN
blog/src/img/CannotConnect.JPEG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 MiB |
@ -208,4 +208,15 @@ a:focus-visible {
|
|||||||
|
|
||||||
.column + .column {
|
.column + .column {
|
||||||
color: #aa95bd;
|
color: #aa95bd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.viewport-image {
|
||||||
|
height: 40vh; /* 60% of the viewport height */
|
||||||
|
width: auto; /* Maintain aspect ratio */
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user