Skip to content
OverviewSolutions
6
Comments
6

Vincent Dao

@Squ1nty100 points

Up and Coming Front-End Dev!

Latest solutions

Latest comments

  • Vincent Dao•100
    @Squ1ntyPosted 15 days ago

    I think the heading/description box could do with a little widening? Along with that, the feature cards themselves could maybe have a little more font-weight with regards to the heading of eah of them. Asides from that LGTM!

    0
  • Guilherme da Silva Marchioli•40
    @GuilhermeMarchioliSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully completing and publishing the HTML and CSS challenge for the product preview card. It was a great opportunity to showcase my skills and creativity. I learned a lot about responsive design and how to make the card look good on different devices.

    Next time, I would focus more on optimizing the code for better performance and accessibility. I realized that there are always ways to improve, and I want to ensure that my projects are not only visually appealing but also efficient and user-friendly.

    What challenges did you encounter, and how did you overcome them?

    One of the main challenges I encountered was ensuring that the product preview card was fully responsive across different devices and screen sizes. Initially, I struggled with making the layout adapt smoothly, especially for smaller screens. To overcome this, I researched best practices for responsive design and utilized CSS media queries to adjust the layout accordingly. Additionally, I tested the card on various devices to ensure it looked and functioned well everywhere.

    Another challenge was optimizing the loading time of the images used in the card. I learned about different image optimization techniques, such as using appropriate image formats and compressing images without losing quality. Implementing these techniques helped improve the overall performance of the card.

    What specific areas of your project would you like help with?

    I would appreciate help with optimizing the performance of the HTML and CSS code. While I have a basic understanding of best practices, I believe there are more advanced techniques that could make the code more efficient and improve loading times.

    Additionally, I would like guidance on improving accessibility. Ensuring that my project is accessible to all users, including those with disabilities, is important to me. Any tips or resources on how to achieve this would be greatly appreciated.

    Product Preview Card | Rensponsive Challenge

    1
    Vincent Dao•100
    @Squ1ntyPosted 29 days ago

    Amazing work first of all! I can see that there are some minor padding, font-weight/sizing issues, as well as some minor formatting issues but asides from that solid work!

    0
  • Vincent Dao•100
    @Squ1ntyPosted about 1 month ago

    Looks pretty good to me! My only advice would be to play around with "font-weight" as your heading and subheadings seem a little on the chunky side, as well as playing around with "line-height" for your lists to space out your list items a little more to improve readability. Asides from those though, LGTM!

    Marked as helpful
    0
  • HadryanLopo•40
    @HadryanLopoSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I did a good job with semantics and Tailwind. Next time, I would use custom styles in Tailwind and add JavaScript.

    What challenges did you encounter, and how did you overcome them?

    In this challenge, I didn't find anything too hard to do—maybe making it pixel-perfect.

    What specific areas of your project would you like help with?

    I need feedback on my code, file structure, and overall quality. I would also like feedback on my Tailwind CSS skills and responsiveness.

    Social links profile card with tailwindcss

    1
    Vincent Dao•100
    @Squ1ntyPosted about 1 month ago

    Looks good! Maybe some small nitpicks would be to increase the font size ever so slightly? In the style guide it says to use 14px which would've been perfect. Additionally the text colors themselves could be a little brighter? All in all though, looks great! Good job :)

    Marked as helpful
    0
  • Vincent Dao•100
    @Squ1ntyPosted about 1 month ago

    Wow! Thats pretty much spot on with the design. Well done!

    0
  • P
    Jayco•270
    @jayco01Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how I used CSS Flexbox to center and align elements properly, making the design responsive. I also learned how to import Google Fonts directly without downloading them.

    Next time, I’d improve my research skills to find solutions more efficiently when stuck. I also want to explore CSS Grid for better layout flexibility.

    What challenges did you encounter, and how did you overcome them?

    One challenge was centering elements properly using Flexbox, but I solved it by experimenting with justify-content and align-items. I also struggled with knowing what to search for when stuck, so I used Stack Overflow, W3Schools, and YouTube tutorials to find answers efficiently.

    What specific areas of your project would you like help with?

    I’d like feedback on how to improve my CSS structure for better readability and maintainability. Additionally, any tips on optimizing responsiveness and best practices for flexbox vs. grid usage would be helpful.

    QR Code Component - Built with HTML & CSS using Flexbox

    1
    Vincent Dao•100
    @Squ1ntyPosted about 1 month ago

    Looks good! Maybe a little larger next time but overall the formatting, colors, padding, etc all look great!

    0