Skip to content
OverviewSolutions
4
Comments
4

darellanodev

@darellanodevZaragoza (Spain)60 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive recipe page using Vue

    #vue
    darellanodev•60
    Submitted about 1 month ago

    I'd like to learn techniques for implementing dark mode, such as how to enable/disable it and how to detect if the browser is configured to use dark mode and present a more suitable theme. I also want to learn about other best practices.

    0 comments

  • Social links profile using Flexbox

    #sass/scss
    darellanodev•60
    Submitted about 2 months ago

    I would appreciate feedback on any recommended best practices for my project. Any suggestions or advice are welcome, and I am grateful for your help.

    0 comments

  • Blog preview card using Flexbox

    #bem#accessibility
    darellanodev•60
    Submitted 2 months ago

    I would like to work on the mobile-first process and any other best practices that others notice I could use to improve my exercises. Any constructive feedback will be well received.

    1 comment

  • Responsive QR code component page built with Flexbox

    darellanodev•60
    Submitted 3 months ago

    I would really appreciate feedback and guidance on implementing a true mobile-first workflow in my projects. Although my current solution is responsive, I started designing and coding for desktop first and then adapted it for smaller screens.

    1 comment

Latest comments

  • darellanodev•60
    @darellanodev

    You did a great job, congratulations. The final result looks very similar to the original design. I also like that you used Tailwind CSS, I want to use it in my future projects as well.

  • darellanodev•60
    @darellanodev

    Your implementation looks very similar to the design, it's awesome! Keep up the great work. I found it interesting that you used Vue and took advantage of components, for example by creating the footer as a separate component. I hope to use this approach in a future project soon.

  • darellanodev•60
    @darellanodev

    I really like your solution, great job! You're using good practices like BEM, which is excellent. The desktop version looks fantastic and closely matches the design.

    One suggestion: you could improve the mobile version a bit. For example, I recently learned that it's possible to use the clamp() function in CSS to create smoother transitions between mobile and desktop layouts. In this case, you might not even need media queries to achieve a soft, responsive effect.

    You've done a great job, keep it up!

  • darellanodev•60
    @darellanodev

    Hi! Great job on completing this challenge. Your solution looks clean and works well.

    To make your project even closer to the Frontend Mentor example, I have a few suggestions:

    • Increase the font size of the card title and description to better match the original design.

    • Consider using rem or em units for font sizes and spacing instead of px. Using relative units helps with accessibility and makes your design more adaptable to different devices and user settings.

    • When using links with target="_blank", it's a good practice to also add rel="noopener" for security reasons.

    Overall, you've done a solid job. Keep up the good work!

    Marked as helpful