Part 5 | CSS Project | Web Designing Malayalam Tutorial

Web Designing Challenge is an initiative by Team Brototype Malayalam (Former Crossroads) to teach how to develop and deploy a static website from scratch. The complete series will be of 10 videos and each video will cover the necessary topics such as HTML, CSS, Javascript, JQuery and Bootstrap. Also in the end we will teach you how to purchase a domain name and live host a website.
Link to Web Development for Babies : • Web Development For Ba...
Link to Part 1 Video : • Part 1 | Web Designing...
Link to Part 2 Video : • Part 2 | HTML | Web De...
Link to Part 3 Video : • Part 3 | HTML Cont. | ...
Link to Part 4 Video : • Part 4 | CSS: Cascade ...
Link to 100K Coding Challenge:
• 100K Coding Challenge
Search on Telegram App " Brototype Technical Support "
or
Registration: study.brototype.com/webdev-yt/
About us:
#Brototype (Former Crossroads) is Kerala's #1 tech KZbin channel for students looking to frame a good career in the tech industry. Our mission is to make a positive change in the lives of people by providing them with valuable information and actionable steps.
In this channel,We help you develop coding skills for free by providing various programming tutorials & tech-career topics in Malayalam, that helps you achieve a job in the IT industry.
To get 24/7 Technical support while watching our tutorials, Sign up for 6 months Brototype Malayalam (Former Crossroads) Exclusive Membership,
Link to Sign up: rzp.io/l/crossroads-6Months-E...
For Enquires, Contact: Ameer: 7034395811
Further, if you wish to study offline with us in an office environment, You can enroll for Brocamp, Which is a 6-month offline training program where you learn coding skills & let you pay the course fee after placement.
Brocamp (former SPS): Visit brototype.in/
Call: 7902606117
Want to connect with Nikhil Kilivayil personally?
check: getmytym.com/nikhilkilivayil
Connect us on Social Media:
Instagram: / brototype.malayalam
Linkedin: / brototype
Facebook: / brototypemalayalam
Connect Nikhil Kilivayi on Social Media:
Instagram: / nikhilkilivayil
Linkedin: / nikhilkilivayil
Facebook: / nikhilkilivayil1

[@yadhukrishna9839]

Sonu bro code cheyt pokumbo enik varunna doubts aanu Nikhil Sir choich clear aakunnat. Reccomended to all Crossroads😍😍 You guyz deserve a million subscribers🎈🎈

[@BrototypeMalayalam]

Thank you ❤️

[@henryford1910]

Satyam

[@shaaaan1894]

Pakshe ayaalu bayankara overaa..chumma enthokkeyo pottatharam paraya ellaam ariyumenna oru baavathil..i think so

[@GIGA_CHAD_MAX]

​@@shaaaan1894adh bronte mathram vicharam ann

[@HabeebCodes]

Super. Njannum Cheythu ee tutorial. It was a great tutorial to follow. Nikhil's prompting to find solutions by oneself will greatly help students.

[@HabeebVlogs]

Indeed.. These guys are doing great job.

[@kallumathan2829]

Fb changed their theme because of you😂😂😂

[@sajeeshtech6967]

figma padikan തുടങ്ങിയത്‌ ഇപ്പൊ ഇവിടെ എത്തി. it's interesting. ഇനി ഇപ്പൊ ഏത് select ചെയ്യും എന്നാണ് confusion. ഇനി ഇപ്പൊ portfolio ഉണ്ടാക്കാൻ ഒരു thendeedem കാല് പേടിക്കണ്ട. thank you bros

[@BrototypeMalayalam]

😅😅👍

[@chinmaypala6009]

Facebook changed this theme , I guess

[@shanishaniya4762]

Yes

[@LORENZO-nw6er]

Do that so you get practice

[@mohamedashique7874]

Ippo simple anusaar😀

[@SUMISCorner1]

Yes

[@inIslamicMedia]

Very use ful video. Continue sir... big salute... 👍👍👍

[@nivedap4839]

A very helpful and excellent tutorial Thanks Crossroad

[@sydrazin9799]

Njan adyamayittanu ith kanunnath Ippo enikk Oru basic website undakkunnath enganayanenn oru pidutham kitti Sonu broyude soundil chila virayal okke unde athu kandu enikk chirivarum Thankyou Crossroad

[@Fahiscc]

pwoli anu bro.sound onnu koottiyal poppowli agum.Sonu sir uyir..

[@loki_glorious_purpose]

Last float ന്റെ കാര്യം പറഞ്ഞത് ശെരിയാണ് 👍

[@hashimabubaker2242]

Aa png image kittan vella vazhi ondo . Ippo fb login page inganallennu thonnunnu

[@suhainapt9305]

Same pblm

[@deepXeed]

Wayback machine

[@mahammadrafeek6261]

Best teacher👍👍👍

[@sharoonps4285]

Sonu bro parnj angu povaa..even though nikhil sir have learners mind..but practice cheythapo set setttee..❣️💯

[@snvaried]

Great Work

[@suhail5688]

pesticide extension would be useful for aligning div classes

[@sarathcholakkal6485]

use box sizing attribute instead padding and margin in different div, ogo{ width: 50%; height: 90px; float: left; box-sizing: border-box; padding-left: 150px; padding-top: 35px; } .login{ width: 50%; height: 90px; float: left; box-sizing: border-box; padding-left: 155px; padding-top: 10px; }

[@masthanjinostra2981]

Float : left ! Is it good to use ?

[@manjub.s9364]

Enik float vach left il assign chyan patunnila. Engine anenn onn paranj taro

[@dzdhanish8751]

Great... 👍

[@imkir4n]

Sir njn Microsoft page clone cheyth noki😄

[@mathewstephen1037]

Video poliya but 100k coding challengente aa feel kittunnilla... Plz explain all things... pettannu pokunnapole feel cheyyunnu... Evide click cheyyanam... evide ath ond... aangane ecplain cheyyuvanenkil helpfull... Ee videoill running fast... mouse point cheyyan polum pattunnilla... This is my feeling.... im sorry if im wrong..

[@sumeshkumar9940]

ennaa video de speed kurachid bro

[@sharoonps4285]

Bro serch w3school

[@safvan085]

Bro search cheyth kandupidikatte en vijarichitaayirikum😊

[@cbro1744]

Email or Mobile number password insted of text as input we can use for email as type= "email" and for password type="password " will be better !

[@abdul--majeed]

type="email/text"

[@clickvinayanhg3161]

Good🎉

[@afsh3829]

Ningalu PULIYANU...Thanks

[@saeedcs9211]

Good one🥂

[@muhammedfahadkp1019]

sir, cheyd kayanchadinte oru file or pdf or notepad kityal ushar akkum , noki copy adikan ala cheyumbo thet oke indel manasil akanum, noki manasil akanum

[@mahammadrafeek567]

completed creating youtube clone............... thanks for teaching

[@lifetvm7293]

Thank you..

[@ajmalmajeed5886]

youtube homepage l left sidel vere frame aanallo.. ath verethanne scroll aakan pattinnind.. athengne cheyyua..?

[@babymruthyunjayan7230]

sonu bro next videoyil sound oru lsham koottanam like nikhil sir......

[@visakht.s9046]

div with a purticular class create cheyyan .classname then press enter (oru cheriya short cut aane)

[@farseenbasheer1928]

Yes🤩🤩part 5 completed..facebook home page createythu..youtube home page cheyyan starteythu...thanks a lot..😍

[@mallushorts3562]

bro maclano cheythe facebook logo edit cheyyane enik cheyyan pattanindayilla websitil inspect cheyumbo style onnum varunindayilla

[@farseenbasheer1928]

@@mallushorts3562 mac allaa

[@mallushorts3562]

@@farseenbasheer1928 ath kitty bro, bro full create cheytharno

[@farseenbasheer1928]

@@mallushorts3562 yaa cheythu

[@mallushorts3562]

@@farseenbasheer1928 njn nokit oru reksha ella brodel ipozhum aa code indo

[@muhammedashiqcp9419]

Tnx💙💙💙💙

[@ashiquepk6035]

Thank u for this ❤❤

[@BrototypeMalayalam]

You're welcome 😊

[@remyavinodh]

Nice videos.. Good job👍

[@BrototypeMalayalam]

Thank you 👍

[@ajithmannarakkal6242]

Thanks❤bro

[@TechProgrammingIdeas]

Thanks u sir

[@lintolonappan1746]

സത്യം പറയാലോ..... ഞാൻ 100k coding challenge വലിയ ആവേശത്തോടെ ചെയ്തു നോക്കി. എന്നാൽ real project ഭാഗത്തേക്ക്‌ എത്തിയപ്പോൾ ആകെ മൊത്തത്തിൽ ഒരു പുകപോലെ.Visual code എഡിറ്ററിൽ html വച്ചു പല കോഡിങ്ങും എഴുതാൻ ശ്രമിക്കുമ്പോൾ ആകെ കൺഫ്യൂഷൻ ആണ് വരുന്നത്. ഓരോ ഓരോ syntax എവിടെ കൊടുക്കണം എന്നൊരു idea വരുന്നില്ല. ആകെ ഒരു ഓളം പോലെ.

[@Kkk-g944]

Ipol sheriyaayo? Njn start cheydhitullu

[@shibinbiju7751]

@@Kkk-g944 epo edvida ethi ?

[@gamedevelopment7531]

Bro simple oru 3 or 4 project kaziyumbol ellam. Set akkum ellavarum thudakathil eggane annu

[@Real_trader_guy]

Bro ath cheyth thanne set avum nja. 8th ilan ladikkunne njan oru web site okke set akki

[@vyshakk5664]

Birthdaykk oru date aahnu ullath eg: 25 apr 1995. When u hover then it pops up showing day

[@abdullaalthaf5765]

can we use id instead of class?

[@josephjerin9239]

Sir oru section complete cheyithu kazhinju a section just onnu comment cheyithu vechal kura pblm slove. Pinne vegathil thane manasil akum

[@mohammedsinansha6429]

nan cheyitju kondirikha ann but facebook log in page nt style avr matti

[@rvishakhs]

Yes Njanum nokki

[@jemelkjames7466]

sir would you give short note of it

[@ArjunKumar-lu6tv]

fb login page design matti enna cheyum

[@remyakuttan4090]

Super

[@aryamohan2897]

How to set that question mark in round shape

[@ashiifinu3092]

Kiduki

[@hashilsemin2414]

ser,naduvedhana vanna rest edku,injiyum class kittenem

[@rare.videos]

super

[@unconventional_kid7577]

sonu parayunath nere kelkanum pattunila ariyavuna arko paranju kodkumpolae ange pokunu Nikhil sir idak okae clear cheyth tharunath kond enthakayo manasilayi ini cheyth nokumpo set akmayrkm

[@sarath3715]

what is the difference between hand coding website and word press can you please do one video on it or please comment

[@BrototypeMalayalam]

Same difference as of a ready made suite and a bespoke suite

[@nithindaniel8082]

+2 kazhinju ath rethikk poyal annu oru job with high salary kittunnath

[@abdulhakeemkzm4149]

Plz add codes on content side

[@darkboard3174]

web desingning padchondirikkunna ..3 days kayinjal bcom public exam ulla le njn🤣

[@sayyidnaeemulhaqm.k8966]

Font Family Veruthe Eyutiyittu Kaaryam illa athinte Link Nammal index.html pageil import cheyyanam or CSS filil import cheyyanam 😊. Fontawesome Class aani ?

[@user-bz1fz7dv2s]

Ningade avastha enikk manassilavum. Azhchayil 7 days um ith anubavikkunnatha

[@SachuSuresh-jn5dk]

todayss fb"s signup interface is very simple to do ..ig

[@sajinraj-jy3rf]

Great

[@BrototypeMalayalam]

Thank you ❤️

[@Vtechs]

👏👍

[@Alikalliyil]

Program run cheyyumbol output pagel "this sit can't be reached "localhost refused to connect ,ennaan kaanikunnath, solution enthaan ?

[@BrototypeMalayalam]

Join the Learning club, our tech support will clear your doubts there. Join here :brototype.com/learningclub/org/fullstack/?ref=ytdescription

[@SubinLotz]

❤️

[@Lijo_Kerala]

Nice class but a suggestion Sonu could have spoken a little louder and there is no interaction with us. Nikhil sir inte 100 K okke kandu vannapol sir ethra nammalileku irangi karyangal paranju manasilakki tharunnathu ennu thoni poyi..

[@ashiqfiroz1280]

done.......

[@rayyanrasheed3985]

poli saadnam pinne nikhil sir biriyani offer cheyyan veetu kaare enghane sammadippikkum njan oru high school student aanu nighalkku upakaaram ulla karyam aaane

[@BrototypeMalayalam]

😀

[@arjuns5501]

sir, health first, ennatt mathi baakiyokke.😊

[@fathima19may]

How to change the cell size in table While creating right section in main body

[@BrototypeMalayalam]

ee tutorials nte tech support nammal exclusive membership group il anu kodukkunnath, watch this video for more details :kzbin.info/www/bejne/r3akqmWsf7qaj9k

[@rayeesek9014]

😍😍

[@manjub.s9364]

Float use chyth phoneno um mail um div il arrange chyan pattunnilla.enth konda enn arkkelum ariyamo .plz reply

[@BrototypeMalayalam]

Join our Telegram group, our team will help you. Join here : brototype.com

[@roshanbenny9212]

👍👍👍👍

[@binib.s5139]

🥰👍

[@alanwalker6479]

♥️♥️

[@itsm3dud39]

Ith grid vech chyunathalle better? Apo responsive aakan easy alle fraction unit okke vechit?

[@BrototypeMalayalam]

Bootstrap grid vechit thanneyanello cheyyunadh 🧐

[@itsm3dud39]

@@BrototypeMalayalam apo njn cssil grid upayogikande?

[@BrototypeMalayalam]

css’le grid use cheyyunathinekalum easy aayitt bootstrap use cheydh responsive aakam ✌🏼

[@itsm3dud39]

@@BrototypeMalayalam 👍ok

[@mohammedsuhailpp8144]

എനിക്ക് ഒരു doubt ഉണ്ട്. Form ചെയ്ത സമയത്ത് sonu float left login ക്ലാസ്സിൽ കൊടുത്തു. പിന്നീട് logo ക്ലാസ്സിലും കൊടുത്തു. എന്തിനാണ് logo ക്ലാസ്സിൽ float left കൊടുത്തത്.... അത് രണ്ടും വേറെ വേറെ div അല്ലെ.....?

[@BrototypeMalayalam]

Oru element'ne left sidelek float cheyyikkan vendiyan, float-left enna class use cheyyunnath

[@manjub.s9364]

​@@BrototypeMalayalamee float left logo enna cls lum login enna class lum orupole use chyunnallo ath alignment change varunnund.entha angine varunne

[@ananthakrishnan2292]

Now facebook change the login page style..Eeee version kittan enth cheyyum??

[@BrototypeMalayalam]

Just Google search cheyth nokku, images kittum.

[@GADESTO]

muttan paniyanallo thannath . ennalum nale morning you tube aayirikkum . ith njana parayunne😎

[@fredydaniel8562]

use google fonts

[@athc6506]

Img src koduthu image copy paste save oke cheythu ennitum image site il vannitillllaa.anyone please help 🙏

[@gamedevelopment7531]

Niggal koduthathu on text cheyyamo

[@adiliqbal1666]

Emailinum passwordum thammil agalam pakikkan enthu cheyyanam

[@bipinhari3844]

Float chythu nokku

[@Techyboykerala]

43:39 ee oru png ippo search cheythitt kittunnilla. Aa png-yude link onnu theraamo

[@krishnapriya2001]

Me tooo.......

[@versatilevihaan2628]

bro im late annalum sry inna bro picture ude link talkerscode.com/webtricks/demo/images/fb_map_image.png

[@ammuzzammuzzz9109]

Sir Facebook page create cheyunindallo athil action & controls use cheyunindalo...ath anthan onn parayavo sir

[@BrototypeMalayalam]

Join the Learning Club, our tech support will help you. Join here: brototype.com/learningclub/org/fullstack/100k/?ref=youtube%20malayalam

[@dybala1044]

Laptop aayittu idh padikanam

[@sooryasaan2588]

Thank you sir ... Fb page um kerala psc login page um cheythu 😊

[@BrototypeMalayalam]

Good🥰

[@user-em2ub6mw7u]

34:05 No confusiion sir

[@sheriltomson2313]

Sir.. njn oru bsc computer science graduate anu.. 2019 batch.. enik program cheyyan valare isttavanu.. bt I'm still a fresher.. joli onnum ayittilla.. bt kazhinja dhivasam indeed app vazhi kandu enne oru company nnu vilichu.. interview cheythu. Select cheythu.. bt 50000 rs aadyam companyk njn koduthal maatrame jolik keran pattu.. sir is that company genuine..? Plz reply sir

[@BrototypeMalayalam]

Pls don't go. Athu course anu.

[@sheriltomson2313]

@@BrototypeMalayalam thank you sir

[@eventsonn1639]

njan fb design cheythu athu enik github ill post cheyavo???prob valathum indo??

[@jijojacob988]

bro code share chyumo?

[@Fahiscc]

sound kuravayitt 100k nte aa oru vibe kittnilla

[@mathewstephen1037]

Tru

[@reweyko]

27:43 aa forgot password? engana link aaye ?

[@anushasivadas2117]

Ath a tag te ullil koduthond ahn link ayath

[@balaneg9578]

Chetta, aadhyathe seasonile part 2 vinte sample inputinte output 1 Enter a number you have entered1 എന്നാ കിട്ടുന്നെ Ntha problem

[@rock6195]

write this line setbuf(stdout,NULL);

[@balaneg9578]

@@rock6195 Thanks bro

[@midlajj]

facebook avarude login page maati kkalnju!!

[@shezinviewmedia9470]

yes

[@shamseerpc8393]

Yes... Aaa image IPO Illa 😁

[@thomasphilip8158]

@@shamseerpc8393 ath googleil thappiyitum kittunila...evidunenkilum kittaan vazhi undo?

[@shamseerpc8393]

@@thomasphilip8158 epoyatha pola cheytho elupamallee

[@thomasphilip8158]

@@shamseerpc8393 athe, ee course follow cheyth pokuvayirnnu, apo athinu aa image venamello 😅😅

[@ashiifinu3092]

Cheythokatte

[@irfanap8802]

Div nu pakaram section koduthal problem undo

[@gamedevelopment7531]

means that the content inside is grouped (i.e. relates to a single theme), and should appear as an entry in an outline of the page. , on the other hand, does not convey any meaning, aside from any found in its class , lang and title attributes.

[@harithamanu8852]

njn fb and google home page cheythu.thank you sir..

[@BrototypeMalayalam]

Great 👌

[@harithamanu8852]

@@BrototypeMalayalam 🤗

[@winnersoftmedia8821]

gud

[@kssooraj4183]

Bro , image .png not showing. Stackflow noki ready avunnila enthenkilum option indoo

[@athc6506]

Ithu thanne aa entem problem image varunnilllllaa

[@kssooraj4183]

Arkenkilum ariyumenkil comment cheyoh?

[@jainibrm1]

or // png ഫയൽ html സേവ് ചെയ്താ folderil തന്നെ കോപ്പി ചെയ്യണം . അല്ലെങ്കിൽ അതിനുള്ളിൽ ഫോൾഡർ ക്രീറ്റ ചെയ്യണം

[@ameenmuhammed]

Sir enthinaanu formil actions ennu koduthe??

[@ameenmuhammed]

Sir pls reply😢

[@kimelsa8871]

Sir Oru application ondakunna agna ann onn parann taramo

[@BrototypeMalayalam]

Complete this web designing and web development challenge, you'll learn to make web app

[@olive1951]

hi enik kittunilla inspect element cheiumpol

[@Real_trader_guy]

??

[@DeepaGeorge]

can we give separate styles using class while using built in classes of bootstrap?

[@BrototypeMalayalam]

yes

[@amalpp8437]

full confusion aai😩

[@imkir4n]

*Sir oru doubt nammal oru website source code aduth kurach edit cheythall host cheyan pattumo or copyright undakumo* ?

[@sajinabraham2726]

Same doubt ennikkum und...answer kittiyal para

[@imkir4n]

@@sajinabraham2726 haa

[@BrototypeMalayalam]

Yes. Copyright issue undavum

[@Hari-dt2vh]

innum first

[@tonyabraham975]

Nikhil bro - ella developersinte koode pirappanu naduvuvedana. Exercise cheyythe pattu

[@BrototypeMalayalam]

😂

[@adx.vfx.]

Ithh run cheyyumbol facebook name mathram kaanikunnollu

[@BrototypeMalayalam]

Must be an error , To Clear your doubts you can Join the telegram group via this link: brototype.com/learningclub/org/fullstack/100k/?ref=youtube_malayalam_comments