Nextjs | MALAYALAM TUTORIAL | 7 - Creating Custom Components & CSS module

Veröffentlicht am: 28 Oktober 2024
auf dem Kanal: MKoding എംകോഡിങ്

814

/* header.module.css */

.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 1rem;
}

@media (min-width: 768px) {
.header {
padding: 2rem 10%;
}
}

.nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 1.5rem;
/* font-family: 'Montserrat', sans-serif; */
font-size: 1.25rem;
}

.nav a {
text-decoration: none;
color: #ddd6cb;
font-weight: bold;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
}

.nav a:hover,
.nav a:active {
background: linear-gradient(90deg, #ff8a05, #f9b331);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 18px rgba(248, 190, 42, 0.8);
}

.active {
background: linear-gradient(90deg, #ff8a05, #f9b331);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.logo {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
text-decoration: none;
color: #ddd6cb;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.15rem;
text-transform: uppercase;
font-size: 1.5rem;
}

.logo img {
width: 5rem;
height: 5rem;
object-fit: contain;
filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.5));
}

Project Download Link:
https://drive.google.com/file/d/1XU72...

Join on my telegram channel:
https://t.me/MalluCoding

Plzz like, share, and subscribe.....:)

#nextjs #malayalam #tutorial #nextjsforbeginners #react #reactjs #nextjsapp #serverrendering #ssr #staticgeneration #nextjstutorial #programming #javascript #webdevelopment #frontend #fullstack #nextjsproject #learntocode #nextjsseo #nextjsrouting #nextjsapi #nextjsdeployment #nextjscomponents #nextjshooks #nextjsmalayalam #nextjsexplained #nextjsreact #nextjsvsreact #nextjsfirebase #nextjsauth #nextjsdynamicrouting #staticprops #serverprops #reactframework #reacttutorial #webdevelopmenttutorial #malayalamtech #nextjsbasics #nextjsadvanced #nextjsappdevelopment

Auf dieser Seite können Sie das Online-Video Nextjs | MALAYALAM TUTORIAL | 7 - Creating Custom Components & CSS module mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer MKoding എംകോഡിങ് 28 Oktober 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 814 Mal angesehen und es wurde von 6 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

994