Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
8

Aria Rouzegar

@Ariarzg150 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

  • Testimonials Grid using CSS Grid with 4 breakpoints


    Aria Rouzegar•150
    Submitted 3 months ago

    I don't know if the breakpoints I chose are even useful or not, I would be glad if you tell me <3


    2 comments
  • Four Card Feature with CSS Grid


    Aria Rouzegar•150
    Submitted 3 months ago

    I am open to any feedback, specially if it is about refactoring the code. <3


    1 comment
  • Three Column Layout With Fluid Flexbox, without using media queries


    Aria Rouzegar•150
    Submitted 3 months ago

    I think the typography needs some work, if you have any idea to improve it, I would be glad to see your comment <3


    1 comment
  • Product Preview Card

    #accessibility

    Aria Rouzegar•150
    Submitted 3 months ago

    I am open to any suggestions.


    2 comments
  • Huddle Landing Page

    #accessibility

    Aria Rouzegar•150
    Submitted 3 months ago

    I would love to have feedbacks and solutions about refactoring the code, cause I think its a bit messy.

    Also I tried my best to make my fonts responsive with clamp() but I couldn't do it very well. Help me with that.

    Also I had problems to use the svgs to use in background. if there is any solutions, please tell me.


    0 comments
  • Results Summary Component (with the help of Kevin Powell)


    Aria Rouzegar•150
    Submitted 3 months ago

    I am open to any suggestions and feedbacks :)


    0 comments
View more solutions

Latest comments

  • P
    Andre Dantas•240
    @andredantasti
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Me orgulho de esta aprimorando na utilização do CSS GRID, porém ainda com um pouco de dificuldade na hora de alterar os tamanhos da grid area

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

    responsividade e alterar os tamanhos das grid areas

    Testimonials grid section solution - responsive

    1
    Aria Rouzegar•150
    @Ariarzg
    Posted 3 months ago

    Hello, Great Job. You did well!

    The only downside is that in tablet width(850px), your design isn't responsive at all. I would add another break-point for it. You can check out my solution for more info.

    Marked as helpful
  • iynulwa•290
    @iynulwa
    Submitted 3 months ago

    Four card feature using CSS grids

    2
    Aria Rouzegar•150
    @Ariarzg
    Posted 3 months ago

    hi, Great Job. The Design is fluid and responsive.

    But, the Typography and its responsiveness can be improved using clamp()

  • P
    mci3x•100
    @mci3x
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    It is responsive alright, so it's a win

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

    Had to come up with a few different image dimensions to utilize srcset

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

    Am I using <picture> with srcset in a correct responsive way?

    How can I make my code more like the Cube CSS approach?

    Responsive Product Preview Card, Vanilla CSS

    #accessibility
    1
    Aria Rouzegar•150
    @Ariarzg
    Posted 3 months ago

    Hi, Great Job. Everything looked very clean and alright. The Usage of the <picture> is also nice. I should practice it too ;)

  • shreyabajaj•190
    @shreyabajaj12
    Submitted 3 months ago

    max-width ,min-width, responsiveness,overflow

    1
    Aria Rouzegar•150
    @Ariarzg
    Posted 3 months ago

    The design is not so accurate, but you can improve upon it. I bet you learned so much in the process of making this. If you have any questions, feel free to ask me anytime.

  • P
    Øystein Håberg•13,260
    @Islandstone89
    Submitted over 1 year ago

    Recipe Page

    1
    Aria Rouzegar•150
    @Ariarzg
    Posted 3 months ago

    Hey, great job.

    I have a question. I am currently doing this challenge. and something has been in my head. I was trying to vertically center the list bullets when the text inside the li is more than one line. I couldn't find it anywhere on the internet. do you have any ideas or solutions ? (only HTML-CSS)

  • shreyabajaj•190
    @shreyabajaj12
    Submitted 3 months ago

    buttons , media

    1
    Aria Rouzegar•150
    @Ariarzg
    Posted 3 months ago

    The Design is cool. but the buttons doesn't lead to anywhere. To fix that you can use and <a> element inside the <button>. And for better maintainability in the future(Not just his project), it would be better if you use <main> and <section> tag.

    Anyway, Keep up the good work! <3

    Marked as helpful
View more comments
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