Building a pricing block with HTML & PuRe CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

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

  • @TheCoderCoder
    @TheCoderCoder  3 ปีที่แล้ว +25

    🌟 If you like my VS Code theme, you can get it now! Link in the description ⬆️

  • @EduardoBarros13
    @EduardoBarros13 3 ปีที่แล้ว +11

    6:16 I LOVE when already experienced people share things like this with us who are just starting. It's so important to have it stated that no one knows EVERYTHING, that Google is your friend.
    It helps A LOT with the impostor syndrome! Thank you for sharing this moment!

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

    The Queen of the FM is back. These tuts are the best CSS tuts right now. Modern, sleek FM designs and your modern, well thought and explained code. This is something different and this is something much needed, this is something that makes your channel UNIQUE among other css channels. I would gladly pay good money for the course that would consist of such a tutorials (FM -> CSS).

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

    I just found your channel but I find these SUPER helpful. Particularly this one as this is about where I'm at with my learning so it's really awesome to see a pro work their way through this.

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

    At 17:00 there is a useful shortcut to quickly paste each line. After you create the list copy each of the seven lines of content that are going into the list items. Then put the cursor inside the first li bracket and either alt + click inside each subsequent li or press ctrl + alt + down arrow and this will put multiple cursors. Then you can just paste with ctrl + v and it should put different text in each li.

  • @madisonhite510
    @madisonhite510 3 ปีที่แล้ว

    Would make me the happiest gal in the world if you did more Frontend Mentor projects like this. I hit a roadblock with responsive design on the "Social Proof Section" and this was an answer to a prayer. So excited to dig in! I did this specific project a few days ago, but I am going to do it again with you because I need help with making my web pages responsive to mobile.

  • @albiummid
    @albiummid 3 ปีที่แล้ว +5

    Hey coder coder!
    Your coding codding is amazing!
    Keep it up.

  • @devine_noise
    @devine_noise 3 ปีที่แล้ว

    Watching you work through the code was a much better tutorial for me as a new dev.

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

    I have been bit older here from 1k now it’s much higher 😄🔊I was once was thinking this girl need more subscribers that she has

  • @UcheElisha
    @UcheElisha 3 ปีที่แล้ว

    Loving the step-by-step approach... I cant wait for your beginner course...

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

    I saw you had this coming. Always nice to get back to basics and build something cool. Thanks Jessica. See you soon!

  • @saramshshrestha7641
    @saramshshrestha7641 3 ปีที่แล้ว

    How are you so happy in you thumbnail ? You sure share a lot of positives vibes around you and good job.

  • @SnSungod7
    @SnSungod7 3 ปีที่แล้ว

    I didnt know what is saas until I watched your previous video after knowing saas i feel like its more easier to compile css and much more organized in every way. I think saas is better than css please make videos using saas and your way of explaining things are way more clear thank you

  • @kusuma865
    @kusuma865 3 ปีที่แล้ว

    Immediately subscribed, this kind of content is exactly what I need

  • @sumitmehra5119
    @sumitmehra5119 3 ปีที่แล้ว

    Just saw the video and I loved how you added in-video tips like converting pixels to em and using Emmet ♥️♥️♥️

  • @jonice4229
    @jonice4229 3 ปีที่แล้ว +5

    i always come back to you for content and nice theme on vscode:D

  • @oni1ecram123
    @oni1ecram123 3 ปีที่แล้ว

    Had a great time !! THANKS!!

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

    Hello. Will you consider posting a video on how saturated the market is for Web Dev? It seems like everyone is getting on the band wagon. As a person that is now learning the building blocks of Web Dev (HTML, CSS, JS) and ultimately heading into full stack, will there be enough jobs for us in the following year- assuming we’re post-Covid? Thank you.

  • @yourboimicky
    @yourboimicky 3 ปีที่แล้ว

    Can you make a video on " what PC do you need to do coding on or the minimum PC requirements for coding " pleaseeeeeeeeeeee!

  • @5906646
    @5906646 3 ปีที่แล้ว

    Pure and concrete, thats what I was looking for. Thank you

  • @kajuken
    @kajuken 3 ปีที่แล้ว

    I just finished. I learned so much! Thank you for your time and effort.

  • @zibusisoconradmpofu8249
    @zibusisoconradmpofu8249 3 ปีที่แล้ว

    thank you, your vids are always full of enlightening stuff. keep it up.

  • @CarmelleCodes
    @CarmelleCodes 3 ปีที่แล้ว

    hey Jessica, you really inspire me with your CSS ninja skills, thanks for the tutorial! 💕 I should use rem more, didn't know about the accessibility pro-tip

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

    Great as usual! Keep it up my friend!

  • @Naveensingh-bq8fo
    @Naveensingh-bq8fo 3 ปีที่แล้ว

    Hi Jessica 👩‍💻, Back with another awesome tutorial!!

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

    I finished this project before you uploaded! I need more practice indeed 😆

  • @anirudhm.s.4546
    @anirudhm.s.4546 3 ปีที่แล้ว

    Could you also make a video about how to make multi-range sliders? As in a slider with 2 handles to select say, the minimum and maximum age maybe?

  • @atulcodex7730
    @atulcodex7730 3 ปีที่แล้ว

    Yeh thanks for choosing, pure CSS :)

  • @nileshghadge5016
    @nileshghadge5016 3 ปีที่แล้ว

    I think you should download some rem to pixel converter extension from extensions option in vs code

  • @webdevsshariful
    @webdevsshariful 3 ปีที่แล้ว

    Thank You So much. Your videos help us a lot. Thank You for everything.

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

    Hey Coder , Greetings from Africa, much interested and always motivated to watch your energy . Which image Viewer are you using . Thanks

    • @squ34ky
      @squ34ky 3 ปีที่แล้ว

      Irfanview

  • @abdirahmanmohamud1353
    @abdirahmanmohamud1353 3 ปีที่แล้ว

    Thank you very much, I gained a lot from you.

  • @zenyenmoon-yin5640
    @zenyenmoon-yin5640 3 ปีที่แล้ว

    Thank you so much☺! This tutorial is very helpul.

  • @zubairLanre
    @zubairLanre 3 ปีที่แล้ว

    Yeah my best tutorial! 🥺❤️

  • @raphaelcardosos
    @raphaelcardosos 3 ปีที่แล้ว

    you make code be magic!!! wow 🤯🤯

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

    Amazing sis keep it up, big fan of you

  • @giuliasironi9000
    @giuliasironi9000 3 ปีที่แล้ว

    I love your vudeo so much, you are such an ispirazion to me🥰

  • @md.evonshahriarsohan1488
    @md.evonshahriarsohan1488 3 ปีที่แล้ว

    Really helpful ... thanks, Jessica! Keep up the good work. :)

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

    Why not doing border-box and fontsize on * ? Isn't using html tag useless with * tag?
    I also font see the point of using em instead of px for the media queries 🤔

    • @SirMorak
      @SirMorak 3 ปีที่แล้ว

      I would love an answer rather than a like :p

  • @yasminasoujaa627
    @yasminasoujaa627 3 ปีที่แล้ว

    I’ve learned a lot from watching your videos!! Such an inspiration for a beginner like me ☺️

  • @oliszymanski
    @oliszymanski 3 ปีที่แล้ว

    can you use bootstrap for making the mobile version of website?

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

    Ok 👌 it ended up amazing thanks.

  • @digigoliath
    @digigoliath 3 ปีที่แล้ว

    Awesome!!! TQVM!!

  • @yashsonawane9709
    @yashsonawane9709 3 ปีที่แล้ว

    Waiting to see more tuts from frontendmentor 🥳.

  • @iamchiranjeevin
    @iamchiranjeevin 3 ปีที่แล้ว

    Thanks for the theme :)

  • @sithuphyoe8213
    @sithuphyoe8213 3 ปีที่แล้ว

    🙏 thank u.I am rooting for u😊

  • @philliphamilton4882
    @philliphamilton4882 3 ปีที่แล้ว

    Thank you so much!!! You are amazing!

  • @kish4corheunbl
    @kish4corheunbl 3 ปีที่แล้ว

    This is fascinating to watch.

  • @doganozgur
    @doganozgur 3 ปีที่แล้ว

    Good content.. Especially long videos. Keep it up!

  • @mooniranbari1358
    @mooniranbari1358 3 ปีที่แล้ว

    hey there, Have you thought about doing a one to one mentor program?

  • @edwardchifike396
    @edwardchifike396 3 ปีที่แล้ว

    Coder coder extension is not good for tutorial because the colors are dull but the tutorial is excellent

  • @amadeuschristina5962
    @amadeuschristina5962 3 ปีที่แล้ว

    Mom, I'm hungry, where's the food ?. You know you can't "Println" food right ?

  • @mind_of_a_darkhorse
    @mind_of_a_darkhorse 3 ปีที่แล้ว

    Another great video! Question though Apple or Windows? Do you have a preference? And why?

  • @robertdante2210
    @robertdante2210 3 ปีที่แล้ว

    when is the course dropping?

  • @deryaball9731
    @deryaball9731 3 ปีที่แล้ว

    Can you suggest a written source for html and CSS

  • @brianfari9731
    @brianfari9731 3 ปีที่แล้ว

    thanks! learned so much

  • @pwnuser2940
    @pwnuser2940 3 ปีที่แล้ว

    Is any way where we can found your windows cursor? It looks nice.

  • @AhmedMohamed-tc2cc
    @AhmedMohamed-tc2cc 3 ปีที่แล้ว +1

    Amazing content 👏👏

  • @compton8301
    @compton8301 3 ปีที่แล้ว

    I really appreciate your content.

  • @sharozijaz
    @sharozijaz 3 ปีที่แล้ว

    What is Theme name you are Using??

  • @frederic_millenial
    @frederic_millenial 3 ปีที่แล้ว

    The BSOD @ 23:36 😲 This scared the 💩 out of me. Don’t do that again 😭

  • @williamphilip6893
    @williamphilip6893 3 ปีที่แล้ว

    Nice thankyou so mucccchh 🙏🙏

  • @dineshkumark536
    @dineshkumark536 3 ปีที่แล้ว

    Awesome thanks!

  • @ninjabeast1278
    @ninjabeast1278 3 ปีที่แล้ว

    How much time required to b a front end developer?

  • @souv1k985
    @souv1k985 3 ปีที่แล้ว

    Thank you so much for introducing me to IrfanView. Windows Photos App is shit.

  • @devsquaredTV
    @devsquaredTV 3 ปีที่แล้ว

    yessssssssss i love these videos

  • @AchrafTheGeek
    @AchrafTheGeek 3 ปีที่แล้ว

    Pure css . something i understand

  • @VirtualXion
    @VirtualXion 3 ปีที่แล้ว

    I will definitely watch this video soon! I really appreciated your landing page tutorial. Helped me a lot to learn great standards. Thank you! How do you feel about dashboards written in java script frameworks? Do you code that as well? Greetings from Sweden.

  • @gonzaotc
    @gonzaotc 3 ปีที่แล้ว

    Thanks you!

    • @gonzaotc
      @gonzaotc 3 ปีที่แล้ว

      Do more frontendmentor advanced projects please!

  • @mtshgaming292
    @mtshgaming292 3 ปีที่แล้ว

    Hi ilove your vids do you have any advice for how to write css or scss clean not sloppy that i do

  • @abdoreda5043
    @abdoreda5043 3 ปีที่แล้ว

    I really like your videos and hope someday we can work together

  • @peteryu4353
    @peteryu4353 3 ปีที่แล้ว

    VS code is awesome

  • @VikashKumar-ec8vb
    @VikashKumar-ec8vb 3 ปีที่แล้ว

    Thank you for amazing content you Are so cool

  • @shishirkhatiwada6892
    @shishirkhatiwada6892 3 ปีที่แล้ว

    cool, cool, cool, cool, cool ,cool

  • @CRamirezBedoya
    @CRamirezBedoya 3 ปีที่แล้ว

    me encantan tus videos

  • @siddique9914
    @siddique9914 3 ปีที่แล้ว

    Hey, plz tell me r u mac or windows user

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

    Don't show me the blue screen again, Its the night mare of 2021.

  • @jaydenmoon1165
    @jaydenmoon1165 3 ปีที่แล้ว

    If anyone can help please: should we build from mobile out when designing and developing or desktop in? Or does it not matter? Thank you

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

      Depends on what you think the majority of the users will be accessing your website or it's intended purpose. If it's majority desktop users, then start with that, if majority mobile, work starting from there.

  • @workout.trending
    @workout.trending 2 ปีที่แล้ว

    its hard to follow you exactly at 4 am i'm doing my best lol

  • @lizaavila25
    @lizaavila25 3 ปีที่แล้ว

    Are you a full stack dev or just front end?

  • @MarkStoryDev
    @MarkStoryDev 3 ปีที่แล้ว

    ຢ່າງເທ້ 😄😄😄

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

    Ohhhh Front-end mentor, not fronementor

  • @avijitchanda7944
    @avijitchanda7944 3 ปีที่แล้ว

    Please help to make portfolio

  • @mackynikat8833
    @mackynikat8833 3 ปีที่แล้ว

    . really like it more this type of girls spirit

  • @manpatel6984
    @manpatel6984 3 ปีที่แล้ว

    not first here. :(