Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
18
RoxySash
@RoxySash

All comments

  • MaudePod•1,380
    @MaudePod
    Submitted about 1 month ago

    Stats preview card component

    1
    RoxySash•180
    @RoxySash
    Posted about 1 month ago

    This doesnt differ from the design I like this solution a lot. I would love to see those border radius in action. Your mobile version does show up differently but it is responsive so kudos to you.

    Marked as helpful
  • Kirubba17•10
    @Kirubba17
    Submitted about 2 months ago

    Profile card component

    1
    RoxySash•180
    @RoxySash
    Posted about 2 months ago

    Hey, I adore your solution. Adding padding to your stats section would really make this design better. Keep it up!

  • Erkant•780
    @erntTt94
    Submitted about 2 months ago
    What specific areas of your project would you like help with?

    Any suggestions are welcomed.

    To-Do List

    #react
    1
    RoxySash•180
    @RoxySash
    Posted about 2 months ago

    I admire the fact that you did your own thing. Why did you choose white for the background? You could improve that. The layout looks very nice on different screen sizes. Well done!!

  • Haytam Nefal•580
    @Haytam-DEV05
    Submitted 3 months ago

    RESPONSIVE LANDING PAGE USING GRID SYSTEM

    1
    RoxySash•180
    @RoxySash
    Posted 3 months ago

    I like your approach to this design. I think your svg icons are a little on the small size. Your outer corners should also have a border radius. I hope you had fun with this challenge.

  • Adriano•42,890
    @AdrianoEscarabote
    Submitted 3 months ago

    Browser extensions manager ui w/ (Next + Tailwind) 👨‍💻

    #next#storybook#tailwind-css#typescript#redux-toolkit
    1
    RoxySash•180
    @RoxySash
    Posted 3 months ago

    This layout looks so good, the code is very well structured. Your solution matches the design to a T.

  • josephXplorer•320
    @josephXplorer
    Submitted 6 months ago

    Use html and css

    1
    RoxySash•180
    @RoxySash
    Posted 4 months ago

    You are doing great I admire your effort its inspiring thanks for sharing.

  • Portal681•80
    @EkoNdongAyecaba
    Submitted 4 months ago

    Responsive makeup using SCSS and HTML

    2
    RoxySash•180
    @RoxySash
    Posted 4 months ago

    I love your take on this challenge. You could add the blur radius and it would be perfect. Happy Coding.

  • Mel•50
    @melcarv
    Submitted 5 months ago

    Single price grid component

    1
    RoxySash•180
    @RoxySash
    Posted 5 months ago

    This design is great. Its very responsive keep going.

  • Caleb•360
    @lingowmx
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Im proud that im understanding little by little and realizing that an error should be take with calm and patience.

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

    What im thinking a lot right now is about the github. Which files should be shown on the repository and which one not.

    Newsletter design and reloaded

    #react#vite#tailwind-css
    1
    RoxySash•180
    @RoxySash
    Posted 5 months ago

    Paid figma files should not be in the repository that's what I gather from doing research. But congrats on completing this challenge. It looks pretty good.

  • Abigirl Muchineripi•140
    @AbigirlMuchineripi
    Submitted 5 months ago

    NFT CARD COmponent

    1
    RoxySash•180
    @RoxySash
    Posted 5 months ago

    Love your approach on this project. Its your NFT card image is off-center. I used margin: 0 auto; to ensure everything is centered within the parent. Continue you are doing great

  • Yousef-Mashena•90
    @Yousef-Mashena
    Submitted 7 months ago

    Four Card Feature

    1
    RoxySash•180
    @RoxySash
    Posted 7 months ago

    I like your design and code. It's easy to follow.

  • Adriano•42,890
    @AdrianoEscarabote
    Submitted 8 months ago

    E-commerce product page w/ (Next + Tailwind) 👨‍💻

    #next#redux-toolkit#tailwind-css#typescript#storybook
    1
    RoxySash•180
    @RoxySash
    Posted 7 months ago

    Absolutely perfect! Design done well I like it.

  • RoxySash•180
    @RoxySash
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I need to do better at the responsiveness of these designs. I opted out of doing the mobile site and only did the desktop versions. Next I will do both I learned a lot attempting this challenge.

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

    My challenge is doing both mobile and desktop. I just watched a video on how to incorporate both will do that going forward.

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

    My challenge was trying to use flexbox for the container when I should use grid. I will do some research on the grid layout and double back to this challenge. Its not perfect but I completed it.

    Desktop Version Product Preview Card

    3
    RoxySash•180
    @RoxySash
    Posted 8 months ago

    Thank you for your response. You know someone who knows more than me about this told me that grid was a better choice but I didn't know how to implement it but I kept my flexbox because I am proud of this and I don't want to mess anything up lol. After doing some research I realized that yes grid or flexbox can be used.

  • AeroB•330
    @AeroBW
    Submitted 8 months ago

    Product preview card component

    2
    RoxySash•180
    @RoxySash
    Posted 8 months ago

    Hey this challenge was fun for me I hope it was for you as well. I noticed on your code you put both images within that div. Was it your intention to switch images using the media query when the screen reaches a certain size?

  • P
    Aynur Demir•210
    @Maanlicht91
    Submitted over 1 year ago

    Responsive Recipe Page Main with Nested CSS

    1
    RoxySash•180
    @RoxySash
    Posted 8 months ago

    I like your enthusiasm I think there is an issue with your style.css sheet the styles aren't applied. Keep Coding this challenge was cool.

  • Toye Ayomide•90
    @Toye-dev
    Submitted 9 months ago

    Responsive Social Links profile using html and css

    1
    RoxySash•180
    @RoxySash
    Posted 9 months ago

    You used your own name thats cool. It is a bit smaller but it looks similar to the design nice work.

    Marked as helpful
  • Alireza shams•170
    @ali-reza-2531
    Submitted 9 months ago

    Blog preview card

    1
    RoxySash•180
    @RoxySash
    Posted 9 months ago

    For a newbie this was kinda hard I thought the yellow background was a container but turns out its just the body. That should make things easier in the future. Design looks nice on mobile.

    • not reusable
    • not well structured at all

    It differs where its smaller I dont know how to fix that.

  • P
    Zugim•80
    @Zugim
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I am pleased with the likeness to the original design I achieved and it was good to get some experience using CSS variables as it was the first time for me to use them.

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

    I struggled a little with getting the correct spacing and think there are still some slight differences between my version and the original design. I overcame this problem by checking the Figma design for more details.

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

    How to handle variables in CSS, good practices, when to use variables and when not to, etc.

    QR code component

    2
    RoxySash•180
    @RoxySash
    Posted 9 months ago

    I like it its so close to the original.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub