Skip to content
OverviewSolutions
7
Comments
19
M.Panda
@Sebastienpanda

All comments

  • M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hello, in fact if you want to keep the tailwind utility classes you can use the extend method and the name of the class and you add your own property and it will be added to the tailwind class already present. If you only want to keep your own classes in these cases you can remove the extend method and add your own directly. This will make tailwind have only your own colors.

    0
  • Maxwell Takyi•250
    @damagermaxSubmitted about 2 years ago

    Though I was able to achieve the desired result, I'm not sure if I am following the best practices. Any help, criticism, or feedback is welcome, I am here to learn!

    Responsive insure landing page

    1
    M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hello, first of all congratulations! I advise you to put your navBar in the header for semantics and screen readers is better. And for the rest it looks good to me! Continue like that !

    0
  • M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Well done!

    0
  • M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hello, congratulations for this project! I don't see much to say, it's mastered! GG

    0
  • Katja Danilova•340
    @katjadanilovaSubmitted about 2 years ago

    I liked the project, because I was able to practice React Query in a very safe and simple environment, and it gave me clarity. Which libraries or approaches do you usually use for handling API calls?

    Advice generator app using React Query library

    2
    M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hello, first of all congratulations to you for this first project! So personally for this kind of project I don't use a framework because it's too heavy, this is only my opinion but I understand that you wanted to test a React lib!

    1
  • M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hello, first of all I advise you to use folders base, component etc for your scss, that will allow you to better structure your code. And I also advise you to use the main tag and the section tags for your code, it will be easier for the code hierarchy. Congratulations for your work, it's well done!

    Marked as helpful
    1
  • M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hello, first of all congratulations for your first project! What I can advise you is to do this for your fonts:

    h1,h2,h3,h4,h5,h6{
font-family: "Noto Sans"
}
*,html,body{
font-family: "Roboto"
}

    For the rest I advise you to use the tag main and section for semantics that would be more practical! Otherwise great project !

    0
  • kanishka nayak•80
    @kanishkanayak12Submitted about 2 years ago

    beginner to the field. Feedback will help me a lot.. Please preview

    testimonials

    1
    M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Good evening, first of all congratulations! You are doing great, keep it up! It's pretty much the same as the review I did for you on order-summary-component

    Marked as helpful
    0
  • Kamil•260
    @WuczekSubmitted about 2 years ago

    Hi there 👋, I’m Kamil and this is my solution for this challenge. 🙂

    🛠️ Built With:

    • vanilla HTML/CSS/JS
    • npm - prettier

    Any suggestions on how I can improve and reduce unnecessary code are welcome!

    Thank you. 😊✌️

    base-apparel-coming-soon-page {HTML/CSS/JS}

    1
    M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Good evening, first of all congratulations for your first project! In your file line 14 of your js you can remove your email = input.value because line 1 you can put the .value at the end. In your html file you could have used the main and section tag. That's about it from what I've seen and again good job!

    Marked as helpful
    1
  • M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Good evening, then I advise you to use a reset css for your site that will allow you to be at the same level for all browsers. Then for the border-radius on your image I advise you to put a hidden overflow on your card so that you put a border-radius on your card and the hidden overflow will cut what will exceed the card so the image will have the roundings of your card. For the font family I advise you to do this directly:

     h1,h2,h3,h4,h5,h6{
  font-family: "Roboto";
}
*,body,html{
  font-family: "Noto Sans";
}

    otherwise it's good ! Good job ! Congratulations !

    Marked as helpful
    0
  • Maca•630
    @Maacaa0Submitted about 2 years ago

    I wanted to try tailwind on something easy. Feels kind of OK.

    But I cant really imagine creating complex webpage with it.

    QR-code-component-tailwindcss

    1
    M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hello, first of all congratulations on the success of the project! Indeed it's getting complicated to use tailwind on a bigger project with various shapes but it can be done ! I advise you to test and see if you still like it !

    2
  • Laerice Dessouassi•450
    @dinadessSubmitted about 2 years ago

    Hello FM !

    This is my first VueJS + TailwindCSS project. It took me longer than expected to tick it off my to-do list 😄. I tried to add an animation (using transition-group & auto_animate plugin) but it wasn't compatible with the drag-n-drop feature (with Vue Draggable).

    Feel free to give me your feedback !

    Responsive & Draggable Todo App using VueJS & TailwindCSS

    1
    M.Panda•200
    @SebastienpandaPosted about 2 years ago

    Hi, first of all congratulations for your first VueJs project with Tailwind you did great! Keep going in that direction!

    0