Build A Responsive E-Commerce Website Using HTML CSS And JavaScript

Поделиться
HTML-код
  • Опубликовано: 30 ноя 2024

Комментарии • 32

  • @87subhamoy.r
    @87subhamoy.r 5 месяцев назад +1

    Awesome , I follow your video every week to sharpen my html skill , highly appreciate your contribution to the Industry. I have 2 request 1) In the about us section the image you used is like Masinory layout can you make a video on this so that we can gain some knowledge how to achieve this type of effect by css . 2) Can you please build some video using Bootstrap latest, so we can get some knowledge from your video
    And by the way your background audio is awesome , can you please say the name of the audio.

  • @SanukaAthapaththu-rn8rt
    @SanukaAthapaththu-rn8rt 5 месяцев назад +1

    ❤❤.
    How much should a client be charged for a website like this?
    Around price?

  • @GabrielNuesca
    @GabrielNuesca 2 месяца назад

    Youre a Hero Bro.

  • @ashgaming1132
    @ashgaming1132 4 месяца назад

    Thanks for providing free source code ❤

  • @MEENU-up9ri
    @MEENU-up9ri 5 месяцев назад

    hello bhaiya aapka channel monitaize ho gya kya yt ka. please tell me yes or no

  • @BtechEngineeringWarriors
    @BtechEngineeringWarriors 5 месяцев назад +2

    Fantabulous 🎉

  • @scaffgaming
    @scaffgaming 5 месяцев назад +1

    How the image go the left and text go the right in section__container

    • @webdesignmastery23
      @webdesignmastery23  5 месяцев назад

      I am using grid to overlap image div and content div. Then margin-left: auto to push image to right, and content is having max-width property to keep it left.

  • @SteveHutchinson-e9w
    @SteveHutchinson-e9w 4 месяца назад

    what about the shopping cart

  • @AbdullahAl-Mamun-it7vw
    @AbdullahAl-Mamun-it7vw 5 месяцев назад

    Nice. I try to make this E commerce website .I copy source code. But my design is not perfect. How can I do it please advice.

    • @webdesignmastery23
      @webdesignmastery23  5 месяцев назад

      Try to run the downloaded source code directly. If it runs fine, there must be some issue with the code while copying.

    • @AbdullahAl-Mamun-it7vw
      @AbdullahAl-Mamun-it7vw 5 месяцев назад

      Ok I will

  • @fredrick_muasya28
    @fredrick_muasya28 5 месяцев назад +1

    Highly appreciated

  • @User_dz-2
    @User_dz-2 5 месяцев назад

    If we have a big project, how do we put the translation for all pages at the same time?

    • @webdesignmastery23
      @webdesignmastery23  5 месяцев назад

      You can create individual JS file for each page. Or you can write all transitions in single main.js file and add it to every HTML.

    • @User_dz-2
      @User_dz-2 5 месяцев назад

      @@webdesignmastery23 its very hard

  • @tonytenorio8482
    @tonytenorio8482 5 месяцев назад

    wow, just amazing !!!

  • @ramendrasoni3368
    @ramendrasoni3368 5 месяцев назад

    Great Design...

  • @siman_mohamad
    @siman_mohamad 5 месяцев назад

    Tnx you teacher ❤

  • @norah8201
    @norah8201 4 месяца назад

    Very amazing

  • @farukweb
    @farukweb 5 месяцев назад

    Nice Design.....

  • @letsexplore2093
    @letsexplore2093 5 месяцев назад

    Everything is good but i don't think so you are getting advantage of using rem for font size and padding because as screen getting shrink the padding space and font size still remaining constant though it should get decrease as per screen width others wise you should px only
    Feedback will love to hear how we can solve this without using vw

    • @webdesignmastery23
      @webdesignmastery23  5 месяцев назад

      rem is used for relativity. Our browser is set to font-size: 16px in :root, and 1rem = 16px. If user changes the :root value for any reason, the font-size, padding , margin etc. will inherit the new :root value. So, if user changes :root font-size to 20px, therefore, the new 1rem will be equal to 20px. If you would have used px, it would not have updated. What you are looking for is fluid typography, which can we achieved using vw, or using clamp function in CSS. i.e. font-size: clamp(2rem, 25vw, 6rem).

  • @DailyDoseOfHorror-l9i
    @DailyDoseOfHorror-l9i 4 месяца назад

    bro do you do freelancing??

  • @ShubhVerma-CSE-ENGR
    @ShubhVerma-CSE-ENGR 5 месяцев назад +1

    Images kese download kere

  • @AaryanParanjape
    @AaryanParanjape 5 месяцев назад

    At 1:50 what did you to get type of screen?

    • @webdesignmastery23
      @webdesignmastery23  5 месяцев назад

      Right click -> inspect -> mobile icon on top left of the window.

  • @saidurkhan1307
    @saidurkhan1307 4 месяца назад

    really awesome