Product Preview Card Component - Frontend Mentor Challenge

Поділитися
Вставка
  • Опубліковано 19 вер 2024

КОМЕНТАРІ • 52

  • @bennat9697
    @bennat9697 2 роки тому +10

    This is really cool. I've been struggling with this for ages. Thank you!

  • @Bubblymatte
    @Bubblymatte 2 роки тому +2

    I’ve been struggling with this for days now. When I started, I thought I would finish it in 3days max. Your video is helpful and the way you presented is relatable. Thank you for sharing 🙌🏼

  • @oreoluwaisrael9189
    @oreoluwaisrael9189 Рік тому

    Your Tutorials are Top-notch.
    I'm in awe.

    • @tsbsankara
      @tsbsankara  Рік тому

      Wow. I never thought anyone would consider them top-notch when I started this journey. Thank you very much for the kind comment 😊❤️

  • @oguchesamuel4200
    @oguchesamuel4200 2 роки тому +1

    Wow. I am really inspired by how he struggled with it and figured out the solution

  • @wyattford7536
    @wyattford7536 2 роки тому +1

    Your tutorials are a really big help in helping me learn how to code. Thank you.

    • @mrinalb3972
      @mrinalb3972 2 роки тому

      Hey is your media query working?

    • @wyattford7536
      @wyattford7536 2 роки тому

      @@mrinalb3972 yea. do you have your code posted somewhere to be reviewed?

    • @mrinalb3972
      @mrinalb3972 2 роки тому

      @@wyattford7536 It worked, thanks for offering the help :D

  • @vladtheimporter8741
    @vladtheimporter8741 2 роки тому +2

    Man. Great video! I really like that you also include the struggling part, and how you are solving it. Keep up! :P

  • @maryan6463
    @maryan6463 2 роки тому +1

    i was struglling this challenge because of over-flowing the text thank you for this

  • @WildHowlYT
    @WildHowlYT 2 роки тому +1

    Well done mate! 💯

  • @mariopizzaro
    @mariopizzaro 2 роки тому

    Thanks a lot mate, I'm learning a lot from your video !

  • @jimmy4904
    @jimmy4904 Рік тому +1

    I fixed it with display flex and align items stretch. Height 100% didnt work on me fsr

  • @beatricewairati3754
    @beatricewairati3754 2 роки тому

    Hey you did awesome on this!!! You're literally perfect!!!1

  • @naeemzahid3440
    @naeemzahid3440 2 роки тому

    Thanks a lot am learning efficient work in light of your video

  • @victorrait2367
    @victorrait2367 Рік тому

    Thanks for the tutorial! @32:59 picture img { height:100%} didnt work for me but I put height on .container article first child img to 100% and that fixed it.

  • @LocdnessMomster
    @LocdnessMomster Рік тому

    What made you turn these into articles instead of two divs? For the columns inside of the container?

    • @tsbsankara
      @tsbsankara  Рік тому

      I just like articles. You can use them interchangeably with divs

  • @magyarinjapan
    @magyarinjapan 2 роки тому

    You the man !

  • @benjaminjaegle4112
    @benjaminjaegle4112 2 роки тому

    Man, When did you start coding? I started 15 days ago and this project is complicated for me! Your videos are a great help!

    • @tsbsankara
      @tsbsankara  2 роки тому +1

      Close to 4 years now.
      It gets easier the more you do it

  • @harrapanman621
    @harrapanman621 2 роки тому

    15:25 why was the .container not centered before giving it max-width: 500px? didnt we do justify content: center?

    • @tsbsankara
      @tsbsankara  2 роки тому

      Yes, it was already centered. Adding max-width: 500px just makes sure that when the device with increases past 500 px then the content won't overflow past 500px. Makes sense?

  • @indexzet
    @indexzet Рік тому

    Could you not apply border radius just to the main container and put overflow hidden?

  • @gloriasart1239
    @gloriasart1239 Рік тому

    my add to cart button in not showing as green

  • @reinaldisandjaja7984
    @reinaldisandjaja7984 2 роки тому

    I don't understand the command prompt part, tried to follow you but it doesn't show the same result after typing git init

    • @tsbsankara
      @tsbsankara  2 роки тому

      Make sure you're in the correct folder in your app - that the path in the terminal matches where you're executing the git commands

  • @andrewabrahams9489
    @andrewabrahams9489 2 роки тому

    Im having issues with inserting the image

    • @tsbsankara
      @tsbsankara  2 роки тому

      Check that you're serving the image from the `src` folder and you're importing it and referencing it correctly in your code. React behaves like that.

  • @harrapanman621
    @harrapanman621 2 роки тому

    rem is relative to html font-size which is 16px in default. am i right? then why are you using 14px fontsize on body?

    • @tsbsankara
      @tsbsankara  2 роки тому +1

      Yes it's 16px by default, and you can change it to suit your needs. In this case the style guide says the font-size is 14px by default so I changed it.

  • @harrapanman621
    @harrapanman621 2 роки тому

    why did you use 1 rem for h2? it was not mentioned in the readme

    • @tsbsankara
      @tsbsankara  2 роки тому +1

      Just changing the styles according to the design

  • @marvinmwendwa
    @marvinmwendwa Рік тому +1

    honestly, from a beginner's point of view, I think you are too fast and you skip or rather assume the learner knows some steps yet the steps might be the challenge. I started the challenge with you but on the CSS part, I was lost because some things we are styling were not covered in the HTML other ways great job.

    • @tsbsankara
      @tsbsankara  Рік тому

      Thank you for the comment. I was informed that I am too fast and I am working on it, to slow down. I hope with the more recent videos you can follow along.

  • @knzdespair
    @knzdespair 2 роки тому

    ur netlify page is not working bro

    • @tsbsankara
      @tsbsankara  2 роки тому

      For this project?
      I've checked. It's working fine

    • @knzdespair
      @knzdespair 2 роки тому

      @@tsbsankara yes, i think the one on your description is not working

    • @tsbsankara
      @tsbsankara  2 роки тому

      Seems to be working fine. Perhaps try again after sometime? I don't know what the issue could be.

  • @ultraiam
    @ultraiam 2 роки тому

    how did you grab the text at 17:00?

  • @adershgr
    @adershgr 2 роки тому

    voice is ......

  • @reinaldisandjaja7984
    @reinaldisandjaja7984 2 роки тому +1

    I followed your guidance but I don't have the space problem you have on 32:36, I also don't understand but it's fine with mine. I even followed you to add the picture height to 100% but nothing changed, so haha I don't know what happened with your code.

    • @tsbsankara
      @tsbsankara  2 роки тому +1

      😂 CSS does tend to behave that way sometimes