Skip to content
OverviewSolutions
8
Comments
5

roopxx

@roopxxChennai, India.120 points

I'm CS student. Interested in WebDev, Data Science. Here to explore and contribute to open-source projects and learn along the way. I live in Chennai, India.

Latest solutions

  • Age calculator app

    roopxx•120
    Submitted 10 months ago

    I would appreciate feedback on my date validation code. I'm wondering if there's a more efficient or cleaner way to handle all the edge cases. Also, I'd like to know if there are better ways to structure my JavaScript code to make it more readable and maintainable. P.S: I think it's not clean code as I completed this challenge hastily without adding any comments or properly naming variables xD..

    0 comments

  • Newsletter sign-up form with success message

    roopxx•120
    Submitted 10 months ago

    I would appreciate feedback on my use of CSS Flexbox for the layout. I'm still learning and would like to know if there are more efficient or cleaner ways to achieve the same result. Additionally, I would like to know if there are better ways to handle form validation in JavaScript.

    0 comments

  • Interactive rating component

    roopxx•120
    Submitted 11 months ago

    I would like help with improving the user experience of the rating component. Specifically, I'm interested in feedback on how to make the rating selection more intuitive and satisfying for users. I'm also open to suggestions on how to improve the responsiveness of the design, especially for very small or very large screen sizes.

    0 comments

  • Frontend Mentor - FAQ accordion solution

    roopxx•120
    Submitted about 1 year ago

    I would appreciate feedback on my approach to solve he background-image issue and would be happy to know from anyone why background-size property didn't work for the image as expected ?

    Thanks, FEM is amazing community !!

    0 comments

  • Frontend Mentor - Recipe page solution

    roopxx•120
    Submitted about 1 year ago

    I would appreciate feedback on how to further improve my CSS skills, particularly in optimizing layouts for different screen sizes and devices.

    1 comment

  • Frontend Mentor - Social links profile solution

    roopxx•120
    Submitted about 1 year ago

    I would appreciate feedback on how to further improve my CSS skills, particularly in optimizing layouts for different screen sizes and devices. Additionally, suggestions on how to streamline my workflow and improve my attention to detail when implementing design specifications would be valuable.

    1 comment
View more solutions

Latest comments

  • roopxx•120
    @roopxxPosted about 1 year ago

    @Marco-Silvera Your solution is really great like 99.9% match. Great work !

    0
  • Vitor Souza•240
    @souza-vitorSubmitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    It was a bigger project than the last ones that I was happy with. I'm happy to have completed the challenge.

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

    I had problems adjusting the table and getting it close to the proposed design. I needed to test some attributes to see how the styling was affecting the table. I didn't know how to style bullet points, it was a good opportunity to learn.

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

    Was I able to make my HTML semantic? Any tips will be very welcome.

    recipe-page

    1
    roopxx•120
    @roopxxPosted about 1 year ago

    Hey @souza-vitor,

    Great job on completing your project, it looks good!

    In terms of HTML semantics, try using specific tags like <header>, <nav>, <main>, etc., instead of just <div>. I, myself, is beginner but looking at your html, it looks semantic.

    Keep up the good work!

    1
  • roopxx•120
    @roopxxPosted about 1 year ago

    @canavesix , your solution looks nice and aligned correctly as per the design. Except I would like if you make the main card height similar to the design solution. What you can do is remove the height height: 885px; and make the spacing between the headings match correctly to that of design file ( you can do that by resetting the default syles and then adding margins and padding as per your choice) so as to make your card not look too big.

    * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

    Other than that your solution's bg-color, text-color and font-size looks good.

    0
  • roopxx•120
    @roopxxPosted about 1 year ago

    Awesome work @caioalvesp !

    Your solution looks really good. Can't see any issues with your css styles so just letting you know you did it really well. Keep up!

    Marked as helpful
    1
  • HussainAzimi•120
    @HussainAzimiSubmitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I can learn new things from completing this challenge and I would like to use them in future challenges

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

    the div position was the challenge I encountered; fortunately, I could overcome it by searching and finding the solution.

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

    I need more help in these areas of my code: 1- flexibility 2- clean and light

    QR code component solution using CSS Flexbox

    4
    roopxx•120
    @roopxxPosted about 1 year ago

    @HussainAzimi, you did it really well, esp. the box-shadow around the main component ( I struggled for that and aligning the image ). However I would like to make note of the component not being centered vertically, maybe trying out column flexbox can come handy or perhaps auto margin along y axis ;-)

    0