How To Make Responsive Website Using HTML & CSS Only | Step-By-Step Tutorial | PRAROZ

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 พ.ย. 2024
  • #HTML #CSS #responsive_website
    Video tutorial - Source Code - Image Download Here !!! 👇👇
    Link: • How To Create A Websit...
    ( All in description of this video 👆👆👆)
    ---------------------------------------------------------------------------
    Background Image : postimg.cc/QHX...
    SOURCE CODE = codepen.io/Pra...
    -----------------------------------------------------------------------
    In this video you will learn how to make responsive website under 10minutes of video tutorial using only HTML & PURE CSS.
    With 🆅🅾🅸🅲🅴 Tutorial. Must watch for Beginners.
    -------------------------------------------------------------------------------------------------------------
    For more thanks giving you can donate me as much as you can afford:
    ESEWA: 9849427460
    ---------------------------------------------
    Facebook Group Join : / 577400563258704
    Twitter follow: RozanC2001
    Membership: / @rozsez2001
    ----------------------------------------------------------------------------------------------------------------
    Do like👍👍 and subscribe🔔🔔 my channel.
    ---------------------------------------------------------------
    Glassmorphism effect tutorial : • How To Make A Glass-Mo...
    Landing Page using Glass Effect: • Landing Page Using HTM...
    DarkMode Website : • How To Make A Website ...
    -----------------------------------------------
    Learn to make a website using Html and Css:
    👉👉 • How To Make A Responsi...
    👉👉 • How To Create A Websit...
    👉👉 • How To Create A Websit...
    👉👉 • How To Create a full W...
    Learn to create a portfolio frontpage with image slider using Html & Css:
    👉👉 • How To Make Portfolio ...
    Learn to make Layered Hovering Icons with Html and Css:
    👉👉 • How to make a Hovering...
    Learn to make Animated Text with Html and Css:
    👉👉 • How to Create An Anima...
    Learn to Calculator using Html Css JS:
    👉👉 • How To Make Calculator...
    Learn to make a Amazing LOGINBOX:
    👉👉 • How To Create A Login-...
    👉👉 • How To Create a Login ...
    Learn how to create a Search-Box using Html & Css:
    👉👉 www.youtube.co....

ความคิดเห็น • 94

  • @RozSez2001
    @RozSez2001  2 ปีที่แล้ว +27

    Thank you all for supporting me !!! . I made this video cause most of audience were asking for RESPONSIVE of that website. PLEASE DO LIKE AND SUBSCRIBE MY CHANNEL !!!!

    • @markocon5772
      @markocon5772 2 ปีที่แล้ว

      thank you sir

    • @asareboatey
      @asareboatey 11 หลายเดือนก่อน

      I want to learn more about design a website

    • @Carmix_official1
      @Carmix_official1 2 หลายเดือนก่อน

      Now, make a video about ""how to add js in this website"" Please

  • @vlad2896
    @vlad2896 4 หลายเดือนก่อน

    even if 2 years have passed since you posted this video... you have helped me a lot! This is one of the best tutorial about how to build a "hero page" with CSS, found in youtube.Thank you very much for your great work!

  • @_imkomal_
    @_imkomal_ 4 หลายเดือนก่อน +1

    Thanku soo much❤. You save my internal marks

  • @nbctechwizard7655
    @nbctechwizard7655 ปีที่แล้ว +1

    Can you upgrade this video by creating a javascript funtions on the navigation buttons?

  • @Olosan_jnr16
    @Olosan_jnr16 4 หลายเดือนก่อน +1

    I got enjoy this video some more videos

  • @tshidisodube6907
    @tshidisodube6907 ปีที่แล้ว +2

    thank you so much...its clear how much work and effort you put on this vid. Thank you once again😁

    • @RozSez2001
      @RozSez2001  ปีที่แล้ว

      You're very welcome!

  • @aqibworld1145
    @aqibworld1145 2 ปีที่แล้ว +1

    I look forward to hearing from you

  • @Aj.-
    @Aj.- ปีที่แล้ว +1

    nice work Praroz, please now show us how to incorparate Javascript in front end and also create back end. please let us know if you teach and how much you charge

  • @abdullahilawal3251
    @abdullahilawal3251 3 หลายเดือนก่อน

    It's nine watching your tutorials. I've gained a lot

    • @RozSez2001
      @RozSez2001  2 หลายเดือนก่อน

      Keep it up

  • @jackieloubuenafe960
    @jackieloubuenafe960 2 ปีที่แล้ว +1

    such a great help.... Thank you for sharing

  • @jiadel
    @jiadel ปีที่แล้ว

    Can you simply media queries....thanks for the job you are doing

  • @InspireNations721
    @InspireNations721 ปีที่แล้ว +1

    PLEASE SHOW US HOW TO INCOPARATE WITH JAVASCRIPT

  • @someone-nj8wz
    @someone-nj8wz 2 ปีที่แล้ว

    Sir now how to add more details like when opening home button details inside it

  • @amarh2022
    @amarh2022 2 ปีที่แล้ว +1

    That's very good

  • @ryanvillares6762
    @ryanvillares6762 2 ปีที่แล้ว

    Hello i am not good in english understand me create a webpage when click every menu like home,service,log in etc.

  • @sadiarai415
    @sadiarai415 2 ปีที่แล้ว +1

    its awesome sir great👌

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      thanks a lot

    • @sadiarai415
      @sadiarai415 2 ปีที่แล้ว

      @@RozSez2001 your most welcome sir

  • @sasminaryal5829
    @sasminaryal5829 2 ปีที่แล้ว +1

    Sir big fan please reply and make vedio in c++🎭

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      😁😅suree bro...

  • @riya53397
    @riya53397 3 หลายเดือนก่อน +1

    I personally didn't like the way website looks when screen size reduces ....i guess more work is needed to be done

  • @ashishkapeya2408
    @ashishkapeya2408 9 หลายเดือนก่อน +1

    have you used javascript in making a website

    • @RozSez2001
      @RozSez2001  9 หลายเดือนก่อน +1

      No sir, I haven't

    • @ashishkapeya2408
      @ashishkapeya2408 9 หลายเดือนก่อน

      ok sir thank you for replying@@RozSez2001

  • @rosellaanella6482
    @rosellaanella6482 2 ปีที่แล้ว +1

    Useful video sir can you help me to create a login website which someone else will need to create account before accessing it

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      Mam the things you are requesting need backend as well. To store user login data.
      The website you are seeing here are only frontend.

  • @shepherdmuzyamba2305
    @shepherdmuzyamba2305 2 ปีที่แล้ว +1

    Thanks a great deal!

  • @allyouinfotech7936
    @allyouinfotech7936 2 ปีที่แล้ว +1

    sir how you calculate all the pixels related to paddding and margin ?

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +2

      We already make it by ourselves
      And during video we just teach you a perfect code.
      So yah. We make it 2times . One original and next one for your video.
      The thing is we just copy paste the code we made and show it like its easy😅

    • @allyouinfotech7936
      @allyouinfotech7936 2 ปีที่แล้ว

      @@RozSez2001 sir how we can calculate this for responsive websites ,other than this webpage

  • @onlineearning9293
    @onlineearning9293 2 ปีที่แล้ว +2

    sir how you get voice? please reply i need

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +1

      Text to speech of Ms.WORD sir😅

    • @onlineearning9293
      @onlineearning9293 2 ปีที่แล้ว +1

      @@RozSez2001 Microsoft word? 😮

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +4

      @@onlineearning9293 yes sir. I type everything and save it on pdf and Do read text speech. Record it. And edit them.

    • @Badmosh_0009
      @Badmosh_0009 ปีที่แล้ว

      @@RozSez2001 and bro how much does is took??

  • @bekiteshome4670
    @bekiteshome4670 2 ปีที่แล้ว +1

    i have a question how can i fix line breaks on my vs code html screen its confusing when it breaks the codes into new lines

  • @fitofficial6510
    @fitofficial6510 2 ปีที่แล้ว

    Your video is too helpful but I think, for mobile, responsive is not so good ( especially the navbar is so bad )

  • @react673
    @react673 ปีที่แล้ว

    Can you maybe help me with something? How can i log in or what does happen when i log in? How can i make a log in link when someone clicks on the instagram logo? How can i make a link for the headlines „service, contact“ etc. Or am i just dumb?

    • @react673
      @react673 ปีที่แล้ว

      I mean if someone clicks on the Google logo how can he log in with google because nothing happens you know what i mean?

    • @react673
      @react673 ปีที่แล้ว

      I used the same page just with other background logo etc

    • @prosperhopeman9672
      @prosperhopeman9672 8 หลายเดือนก่อน

      This is front end. What you are asking is backend which isn't the content of this video

    • @react673
      @react673 8 หลายเดือนก่อน

      @@prosperhopeman9672 Damn bro im just a dumbass and couldnt find something in those 4 months

  • @asareboatey
    @asareboatey 11 หลายเดือนก่อน +1

    I want to learn more about this

    • @RozSez2001
      @RozSez2001  11 หลายเดือนก่อน

      Yes , please visit playlist

  • @tadashiee620
    @tadashiee620 2 ปีที่แล้ว +2

    You say a responsive website is hard to build, can one just copy this code on responsiveness then edit the class names, it would still work?

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      I have responsive as well .
      Please check comment or description.
      And just copy oyster code

    • @tadashiee620
      @tadashiee620 2 ปีที่แล้ว

      @@RozSez2001 thanks

  • @successwithself9582
    @successwithself9582 2 ปีที่แล้ว +1

    now its awesome bro

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      Thanks a lot sir

  • @aayanansari4106
    @aayanansari4106 ปีที่แล้ว +1

    Dude which course is?

  • @noorulameen7688
    @noorulameen7688 2 ปีที่แล้ว

    Do much line of code without mention the width the work should be simple

  • @shivanipulipati3546
    @shivanipulipati3546 3 หลายเดือนก่อน +1

    Supper explanation,can you send me code this one

    • @RozSez2001
      @RozSez2001  3 หลายเดือนก่อน

      In description

  • @shivrajsinghchouhan5203
    @shivrajsinghchouhan5203 2 ปีที่แล้ว +1

    Can you mention all extension you use in vs code and my html file is working but my css file is not working please solve 😊

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      extension:
      live server
      live server & share..
      plz check code in description..

  • @nilgaming4589
    @nilgaming4589 2 ปีที่แล้ว +1

    Hi sir my webpage resposive but not proper please help me?

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +1

      Source code in description sir please check.

  • @aqibworld1145
    @aqibworld1145 2 ปีที่แล้ว +1

    Can you create a tool website?

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +1

      Tool website means? Need some details what you want me to include

    • @aqibworld1145
      @aqibworld1145 2 ปีที่แล้ว

      @@RozSez2001 compress jpg, video download, etc.

  • @kommukoteswarao6043
    @kommukoteswarao6043 2 ปีที่แล้ว +3

    Hello..where is the back end source code to perform the login actions..can you plz tell me😊

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +1

      Sorry sir the website is only frontend, you will need to learn some PHP for working LOGIN BOX & some JAVASCRIPT.

  • @SultanMuhammadAltamash
    @SultanMuhammadAltamash 16 วันที่ผ่านมา

    please upload full source code on codepen

  • @abhiramsahu8664
    @abhiramsahu8664 2 ปีที่แล้ว +1

    bro my html and css are not linking

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      Bro .
      There is source code in description.

  • @सिखनेकासफर
    @सिखनेकासफर 2 ปีที่แล้ว

    Please make more videos ❤️

  • @aqibworld1145
    @aqibworld1145 2 ปีที่แล้ว +1

    Sir create tools site.

  • @M.CHANNA
    @M.CHANNA 2 ปีที่แล้ว +1

    @PRAROZ
    I am a 13 years boy and i am developing my own website. i just wanted your permission that can i use the logos that u used in signup menu in my website.

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      Yes of course moiz.
      It's completely free.

    • @M.CHANNA
      @M.CHANNA 2 ปีที่แล้ว

      @@RozSez2001 THANKS MAN

  • @vishalshah7934
    @vishalshah7934 2 ปีที่แล้ว +2

    can you provide the responsive source code

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +1

      SORRY FOR LATE REPLY,
      PLEASE CHECK DESCRIPTION SIR!!

  • @thuggerforever4290
    @thuggerforever4290 24 วันที่ผ่านมา +1

    I like your voice better

  • @shreecreations1408
    @shreecreations1408 2 ปีที่แล้ว

    Can you please make a video about uploading this coded website to internet free

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +1

      I already have sir here is the link:
      th-cam.com/video/tjhPwFQCQUQ/w-d-xo.html

  • @ajaybet9104
    @ajaybet9104 2 ปีที่แล้ว +2

    Please give a source code to make it responsive 🙏

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      Comment pin please check.
      And in description as well.

    • @flosyalcounter9647
      @flosyalcounter9647 2 ปีที่แล้ว

      @@RozSez2001 where is it?? send it plsss (not the website codes. Responsive codes plsss)

  • @bdmizan360
    @bdmizan360 2 ปีที่แล้ว +1

    really appreciated

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว

      Thank you very much

  • @yosithegamer1104
    @yosithegamer1104 2 ปีที่แล้ว +1

    I was waiting for your own voice

  • @abhiramsahu8664
    @abhiramsahu8664 2 ปีที่แล้ว +1

    plz rely bro plz

  • @deepakchamoli1115
    @deepakchamoli1115 2 ปีที่แล้ว +1

    Copied

    • @RozSez2001
      @RozSez2001  2 ปีที่แล้ว +1

      Lol who's copy bro? Check the link in description.
      I am the one who made it.🤣😂😂
      Check link plzzz🤣🤣