Recipe Page - Frontend Mentor Challenge

Поділитися
Вставка
  • Опубліковано 28 сер 2024
  • Hello everyone! Today we are going to build the Recipe Page from Frontend Mentor. If you enjoy the video, leave a like and subscribe to the channel if you're not already and I will see you in the next video!
    Subscribe to my main channel: youtube.com/@t...
    Subscribe to my clips channel to get more bite-sized content: youtube.com/@t...
    GitHub Repo: github.com/San...
    Live Website: tsbsankara-rec...
    My eBook, Fundamentals of ReactJs is available for $1: Go to tsbsankara.gum... to purchase your copy today!
    All my products are $1: tsbsankara.gum...
    Join my discord server: / discord
    Follow me on Twitch for livestreams and AMA sessions: / tsbsankara
    Follow me on Twitter: / tsbsankara
    Follow me on Instagram: / tsbsankara
    Subscribe to my UA-cam channel: bit.ly/3qsAsNC
    Support the channel: streamlabs.com...

КОМЕНТАРІ • 20

  • @franciscoangel2519
    @franciscoangel2519 6 місяців тому +2

    Brother, thank you very much for the video, I am learning web development and I want to work as a frontend, CSS is a bit complicated for me, but with your videos and explanations I can understand them a little better, doing these projects. 😊🤝

    • @tsbsankara
      @tsbsankara  6 місяців тому

      I'm happy to hear that 😊

  • @tsbsankara
    @tsbsankara  7 місяців тому +2

    I forgot to normalize the colors on this one 😅 So if you're watching in HD it looks a bit bland

  • @tsbsankara
    @tsbsankara  6 місяців тому +2

    If you enjoy the video, leave a like and subscribe to the channel if you're not already and I will see you in the next video!

  • @giantwolfjerry5650
    @giantwolfjerry5650 3 місяці тому +1

    Thank you so much sir, I've learnt more from this tutorial

    • @tsbsankara
      @tsbsankara  3 місяці тому

      I'm glad to hear that! 😊

  • @flemingringhofer8378
    @flemingringhofer8378 3 місяці тому

    very nice explanations, thx for that!
    How did you select and change the paragraph to li items without selecting the end tag from 24:30min? =)

    • @tsbsankara
      @tsbsankara  3 місяці тому

      These days it's built into VSCode by default. If not, you can use an extension called Auto Rename Tag so that when you change the beginning or ending tag, it automatically changes the other tag as well

  • @percaseutempocmg1400
    @percaseutempocmg1400 2 місяці тому

    dude, how do you mark the text like this 10:08

    • @tsbsankara
      @tsbsankara  2 місяці тому

      Click to set the marker for the first cursor, scroll down to the end of the text you want to highlight, hold down Shift, and click to highlight the text

    • @percaseutempocmg1400
      @percaseutempocmg1400 2 місяці тому

      @@tsbsankara nice, ty.

    • @tsbsankara
      @tsbsankara  2 місяці тому

      You're welcome

  • @Noob-uk4np
    @Noob-uk4np Місяць тому

    Brother you are bad at details you forget to color the bullets and make them smaller.
    Nutrition table to you didn't color them.
    Nutrition table is not optimised for big screen.

    • @tsbsankara
      @tsbsankara  Місяць тому

      It's to help you learn not to be solely dependent on tutorials as they are not truly exhaustive...they are helpful, but you should be able to do things yourself without 100% dependency on tutorials.
      And also, leaving mistakes in videos helps new developers understand that it's okay to make mistakes when learning.

    • @Noob-uk4np
      @Noob-uk4np Місяць тому

      @@tsbsankara Stop making excuses bro.
      I was watching this to get the better solution for those bullets. But you blatantly ignored them.

    • @Noob-uk4np
      @Noob-uk4np Місяць тому

      @@tsbsankara What if someone wants to learn how to color and resize those bullets points.

    • @tsbsankara
      @tsbsankara  Місяць тому

      @@Noob-uk4np in that case, I'm on the wrong and I apologize

    • @Noob-uk4np
      @Noob-uk4np Місяць тому

      @@tsbsankara No need for apologizing.
      I learned a lot from your video 😉 I organized my HTML5 and CSS file again after learning it from your video.

  • @aswitchtrip
    @aswitchtrip 5 місяців тому

    format("truetype") works

    • @tsbsankara
      @tsbsankara  5 місяців тому +1

      Wait, really? 😅