LeafPig/Web-Dev-Old
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First Commit

Browse Source
This commit is contained in:
tuffahni
2025-11-18 19:37:17 +00:00
parent a95a0e5ad0
commit f05533558a
17 changed files with 257 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
nodeJS/Learning/07/app/public/css/pages/index.css
View File

@@ -92,17 +92,8 @@ html .container .div1 h1 {
color: #f7ebec;
font-family: "Lexend", serif;
font-weight: 300;
padding: 80px 0px 0px 45px;
}
body .container .div1 p,
html .container .div1 p {
font-family: "Space Grotesk", monospace;
color: #3b3561;
font-size: 13px;
text-align: center;
max-width: 560px;
margin-top: 20px;
padding: 0px 0px 0px 50px;
margin-top: 10vh;
padding: 0px 0px 0px 4vh;
}
body .container .div1 .read-more-btn,
html .container .div1 .read-more-btn {
@@ -119,7 +110,7 @@ html .container .div1 .read-more-btn {
background-color: #f7ebec; /* Transparent background */
cursor: pointer; /* Pointer cursor on hover */
transition: all 0.3s ease; /* Smooth transition on hover */
margin-top: 25px; /* Space between text and next element */
margin-top: 2vh; /* Space between text and next element */
}
body .container .div1 .read-more-btn:hover,
html .container .div1 .read-more-btn:hover {
@@ -153,7 +144,8 @@ html .container .div1 .buttons {
gap: 10px;
padding: 20px;
padding-right: 85px;
margin-top: 20px;
margin-top: 2.5vh;
margin-bottom: 5vh;
}
body .container .div1 .buttons button,
html .container .div1 .buttons button {
@@ -249,23 +241,23 @@ html .container .div2 .entrya h2 {
}
body .container .div2 .entrya img,
html .container .div2 .entrya img {
max-width: 100%;
height: auto;
height: 130px;
width: 200px; /* Set desired width */
overflow: hidden;
border-radius: 10px; /* Optional: Rounded corners */
display: block; /* Ensures it's treated as a block element */
margin: 0 auto; /* Centers the image horizontally */
}
body .container .div2 .entrya p,
html .container .div2 .entrya p {
padding-top: 20px;
padding: 20px 10px 0 10px;
color: #3b3561;
font-size: 0.9rem;
overflow: hidden; /* Hide overflowing text */
text-overflow: ellipsis; /* Add "..." at the end of truncated text */
max-width: 300px; /* Restrict container width */
display: -webkit-box; /* Enables multi-line truncation */
-webkit-line-clamp: 2; /* Limit to 2 lines */
-webkit-line-clamp: 3; /* Limit to 2 lines */
-webkit-box-orient: vertical; /* Vertical text orientation */
white-space: normal; /* Allow wrapping within the box */
font-family: "Space Grotesk", monospace;