Nextjs | MALAYALAM TUTORIAL | 7 - Creating Custom Components & CSS module
/* 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
On this page of the site you can watch the video online Nextjs | MALAYALAM TUTORIAL | 7 - Creating Custom Components & CSS module with a duration of hours minute second in good quality, which was uploaded by the user MKoding എംകോഡിങ് 28 October 2024, share the link with friends and acquaintances, this video has already been watched 1,019 times on youtube and it was liked by 6 viewers. Enjoy your viewing!
