freeCodeCamp: PRODUCT LANDING PAGE | PROJECT SOLUTION

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

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

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

    👨‍💻 Learn How to Code with Private Classes - www.dorscodingschool.com/coachingplans
    ❓Having a hard time with CS50, FreeCodeCamp or Odin Project? Practice with our exclusive free coding platform: www.codingdors.com/
    🎯 Are You A Coding Expert? Take Our Free Quiz and Find Out - www.dorscodingschool.com/quiz

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

    Thank you , very good explanation!! I was blocked with the nav bar , I didn't understand that I needed to put it fixed..it was so silly....

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

    can you tell why the first one (.features) is not alligned as other two eventhough they both are in the same container 21:18

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

      Ditto, my quality assurance box isn't aligned with the rest of them when I use space-around

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

    Hello. Thank you for your tutorial. Though I want to know if it is possible to give a logo an another color?

  • @OzziesTechStuff
    @OzziesTechStuff 11 วันที่ผ่านมา

    How do you make this look so simple???

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

    Yes, the nav-bar is fixed. But nav-bar overlaps with the rest of the content. It has no background-color, width and height.

    • @JavierGarcia-sd1df
      @JavierGarcia-sd1df 6 หลายเดือนก่อน

      exactly, that overlap issue, is there some idknow a better way to fixed, like a normal way with flex or something. To not overlap, i used, ofc top 0, fixed, and a height like 100, to the header, and the rest of the content in a div and that div the top margin of the height.... but i2know that seem a litte too noobie. Someone know something better?

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

    You are my savior, thank you very much!

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

    Pelo sotaque, quase certeza que seja brasileira, então vou responder em português mesmo. O vídeo ajudou demais, me tirou muitas dúvidas que foram surgindo no decorrer da atividade. Aquele último tópico que faltava (position: fixed;), ia ficar o resto do ano e não ia saber o que ele queria dizer. Obrigado mesmo pela ajuda!, continue fazendo estes vídeos.

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

      Obrigada, Luan! Fico feliz que tenha ajudado!

  • @boagoangel
    @boagoangel 11 หลายเดือนก่อน +2

    How do i get the url for the images

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

    hey i think i found the solution after many attempt on the devloper tools;
    the text in the first feature is smaller than the other one, since we centered everything its normal to have an issue , i created feature inside another feature that i called feature 0, i gave the css rule of "feature" display: inline-block;
    align-items: center;
    justify-content: center;
    and i centred the "feature" inside the "feature0" (that have a max with)

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

    where did you get the entire video's link after copying the short link from top right corner of the video?

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

      You can take it using the developer tools that exists in Google Chrome. You should do ctrl + I

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

    Thank you so much for the upload !

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

    Thank you, thank you very much for your time and help!

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

    Voce pode me ajudar? Aparece que falta: Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element's id. e.g. #footer). mas segui os passos do seu video e conferi duas vezes, aparentemente esta tudo certo

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

    i cannot get my video to work. It says "This video is unavailable" I double checked letter by letter the link I typed in and even inspected the original fcc example page They match. Anything else I should check?

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

      You should inspect the original fcc example and get the embed link :)

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

    You rock!!!! This was much help thank you!

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

    Hey
    I followed everything as is but it's still says my nav-link doesn't exist basically

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

    Which languages is used , anybody say

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

    Really, Very good, You're the best!! Contratos!!🙌🏿

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

    Can you help me figure out the **You **#nav**-bar** should always be at the top of the viewport.

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

      You should have position:fixed in your navbar. At the end of the video we explain it :)

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

      I am stuck on this as well and I've watched you video twice at half speed.

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

      @@thatonewayproductions5170 I think you just need to define `position:fixed` and you should be able to pass

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

    Please will you be doing the CS50 Web project4?

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

    this is change how can i work with the now go to this project its asking for href attriubute with id this is disgusting not finding solution anywhere

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

      We’d love to help you more. Did you know you can join our Free Discord Group and get help from me and from people around the world that are also learning how to code? dorscodingschool.com/discord

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

      Change the id atribute to "class" atribute.

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

    is anyone else having issue with the icons?

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

      I had the issue with the icons but I found a solution
      I copied the font awesome link & < i >element from the "Picasso lesson", then pasted to product landing page. After I went on font awesome website to find the icon - instead of copy the whole < I > element from font awesome I ONLY the file name to
      --> This is the link from Fontawesome
      --> this is what I past on my product landing page. (based on the same logic as Picasso Paiting lesson)
      and It works for me!

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

      Yes😢

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

    poderia explanar o termo "hero"? não compreendi, obrigado

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

    Why didn't you show the web/html source of the logo image? I have no idea where to find the images for this project. I feel like you go so fast through these projects that I have to stop and go back so many times to follow along.

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

      just open the logo in new tab by right clicking on it and boom you have the url!

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

      Big tip
      is that u don't follow these step by step, cuz then u aint gon learn anything. Just try it by ur self first then if u encounter a problem u can follow the guide.

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

    Thanks

  • @gerrywilliam6100
    @gerrywilliam6100 6 หลายเดือนก่อน

    You skipped alot of step I am really confused

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

    You skipped a few parts. now I am confused

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

    Check fontawesome

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

    HELP

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

    26

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

    Im so attracted to you right now.... thank you i like the way you explain it....

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

    Wooww