All comments

Mohamed-A-7•120
@Mohamed-A-7Submitted 12 days ago
QR code component
1
Tristan•60
@tristanjtatePosted 12 days ago
Hey, wonderful job. Code is very clean and organized. You managed to make your solution nearly identical to the design.
Marked as helpful
0

Alessio Russo•30

@n0wherefastSubmitted 16 days ago

QR code component using taliwind-css

Tristan•60

@tristanjtatePosted 16 days ago

Your design looks great and very nice job making it responsive! I see you used tailwind css for this project, and that's awesome! I just starting learning/using tailwind and I am enjoying it. There are a few areas of improvement that I want to mention:

Color/font

Needs to match the design more closely
edit tailwind config file to implement desired styles that you can use with tailwind(in general, how you can adjust certain things whether that's color, fonts etc within your config file) to implement into your html
below is just an example of how I am setting random colors and fonts within my config file

module.exports = {
  content: ["./src/**/*.html"],
  theme: {
    extend: {
      colors: {
        "my-orange": "hsl(25, 97%, 53%)",
        "very-dark-blue": "hsl(216, 12%, 8%)", 
        "my-light-grey": "hsl(217, 12%, 63%)",
        "my-dark-blue": "hsl(213, 19%, 15%)",
        "my-black": "hsl(231, 6%, 4%)",
      },
      fontFamily: {
        overpass: ["Overpass", "sans-serif"],
      },
    },
  },
  plugins: [],
};

Border-radius

needs to be more rounded
Review tailwind documentation or find a "Tailwind CSS Cheat sheet"
Border-radius Tailwind Documentation

These were just a couple of things I think that can be improved upon. Overall, great work and honestly very cool for using Tailwind!

Marked as helpful

Richard•160
@Richard1876Submitted 18 days ago
What specific areas of your project would you like help with?
Feedback is welcome
QR-Code-Component
1
Tristan•60
@tristanjtatePosted 18 days ago
Great work! Code looks clean as well. I think the spacing/margin between some of the elements could be increased(Mine was actually too much - looked too tall). Lastly, your QR image uses box shadowing which wasn't utilized in the design making it pop out(Again, I did the same thing but to the whole container). Little things...we both had similar bits for improvement. Overall, very good. Good luck on next one!
0
Bryan Chiang•60
@ChiangArtSubmitted 30 days ago
What are you most proud of, and what would you do differently next time?
Hacerlo solo realmente, quizas es un poco el temor de no saber por donde empezar
What challenges did you encounter, and how did you overcome them?
por donde iniciar
What specific areas of your project would you like help with?
en todo
Componente QR
1
Tristan•60
@tristanjtatePosted 29 days ago
Excellent work! Your solution is nearly identical, other than the spacing of the texts, and padding around image(small concerns). I think you did awesome. I believe you've conquered this challenge, even though you initially hesitated on how to begin. Keep it up! I am still learning and getting better myself.
0

Tristan

All comments

QR code component

QR code component using taliwind-css

QR-Code-Component

Componente QR