Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
7

ciaower17

@ciaower17280 points

16

Latest solutions

  • challenge


    ciaower17•280
    Submitted about 2 years ago

    0 comments
  • challenge


    ciaower17•280
    Submitted about 2 years ago

    0 comments
  • challenge not really with responsivness


    ciaower17•280
    Submitted about 2 years ago

    0 comments
  • cc


    ciaower17•280
    Submitted about 2 years ago

    0 comments
  • solution


    ciaower17•280
    Submitted about 2 years ago

    1 comment
  • solution


    ciaower17•280
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Shchetkov Maksim•470
    @ArmsAndArrows
    Submitted about 2 years ago

    Age Calculator App TailwindCSS

    #tailwind-css
    2
    ciaower17•280
    @ciaower17
    Posted about 2 years ago

    website looks really good but it calculates wrong, and i know that its really boring but not every month has his real day limit

  • iMahmoud45•20
    @iMahmoud45
    Submitted over 2 years ago

    Results summary component made with grid and flex

    1
    ciaower17•280
    @ciaower17
    Posted over 2 years ago

    wow! this looks ways better then the last coding challenge i commented, you just forgot to make it responsive, i think that you could've just changed the "main's" flex-direction to column and it's width to 100% and it would've looked great. lmk if it worked!

    Marked as helpful
  • Simon•50
    @SimonXX
    Submitted over 2 years ago

    Mobile First - QR Code Component

    1
    ciaower17•280
    @ciaower17
    Posted over 2 years ago

    Nice!

  • Karen Lourenço•380
    @KarenMascarenhasLourenco
    Submitted over 2 years ago

    Summary component

    2
    ciaower17•280
    @ciaower17
    Posted over 2 years ago

    The website looks good but its not responsive and it looks bad on mobile, some things that i could recommend are: give the main section a max-width of 45% not only width of 45% as it shrinks when you make the screen width smaller and you could've gave the right section a max-width too so it wouldn't shrink. To make it responsive on mobile you could change the flex direction of the main section to column with the @media funcion and make the main width 100% so it looks as it should. In the field of design i would just say make it a lil bit higher and change the shade and make it be only on under and on the right. The rest looks good, Nice job!

  • Manish Patel•740
    @savvystrider
    Submitted over 2 years ago

    Results summary component

    1
    ciaower17•280
    @ciaower17
    Posted over 2 years ago

    It works well on mobile and on desktop too so its responsive but in terms of design it could be better, some things that I would do are: -give fade to the outside shadow and make it a bit less black -reduce the "77","Great" font-sizes as they are a bit chunky and make the section look a bit weird -give a larger border radius so like 20px so it looks better and give the border radius for the left section only on the left outside -change color of the name of the stats on the right section

    • and last thing idk if you didnt see it right but the gradient of the background color on the left is from right to left when it should be bottom to above and same thing on the circle

    Everything else looks good and it works very nice.

    Marked as helpful
  • ciaower17•280
    @ciaower17
    Submitted over 2 years ago

    solution

    1
    ciaower17•280
    @ciaower17
    Posted over 2 years ago

    idk why the screeshot looks weird but if you open the site its all fine

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