Skip to content
Submitted almost 2 years ago

Stats-preview-card-component-v2.0

Alper•1,010
@adonmez04
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi everyone,

I upgraded my solution based on good comments and other solutions. Thanks for that... It looks better now. However, there is no end to this work, right...

I'm not sure, can I use width and height values for my container elements like section-card? I'm still struggling with responsive design :(

And I don't know why my text area is shaking, I don't want it to appear this way but I couldn't fix it.

Any comments, critique, advice is greatly appreciated. For those of you reading this, have a nice day!

(Note: I separated style.css and media-queries.css for easy to read to code. I'll merge them later.)

Community feedback

  • Hanana•170
    @meantoesPosted almost 2 years ago

    Hi there, I'm currently trying to finish this challange but I can't find a way to make the header image moved from top to right :<

    I only use flex but even with grid I still can't find a solution to do so, would you please help me or maybe give a trick to solve it? I'd appreciate it soo much⭐

    I know this isn't feedback but I send this anyway🥲 oh and btw your solution looks 99% similar to the design, that's a great job and have a nice day⭐🙆🏻‍♀️

    Marked as helpful
    1
    Alper•1,010
    @adonmez04Posted almost 2 years ago

    Hi @meantoes,

    No worries, I want to help you if I can:)

    Before the grid layout, I tried to use flexbox but I couldn't change the flow. Have you tried using column-reserve? You can write to me on slack @adonmez04 or you can send the repository link, so I can check your code.

    Thank you for your comment about my solution.

    1
    Hanana•170
    @meantoesPosted almost 2 years ago

    @adonmez04 Hi! sorry for this late reply, I just wanted to submit my solution first so you can see my code 'cause I don't have slack account

    thank you so much for your reply, it helped me to solve the challenge. although I still had another problem with my code huhu :') so yea that's why my reply is late :<

    have a nice day!⭐⭐

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord