Skip to content
Submitted 11 months ago

Order Summary Card Solution

Yavuz KARAKUŞ•50
@yavuzkarakus
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Greetings to everyone! 👋

I just finished my third challenge after a busy two weeks. In this challenge I used the display: flex structure as much as possible and I enjoyed it. Now I can code faster, I can more or less predict how to create the bone structure in HTML. 🦴🐶

If you liked it, please don't forget to touch the heart icon. 🧡 Additionally, I'm very open to learning, so please comment if there's anything I missed. 📩 Thank you in advance.

Happy coding! ⚡

Community feedback

  • Kimo Spark•2,190
    @kimodev1990Posted 11 months ago

    • You could use clamp ( ) method in your coding for font-size, width, etc., So their designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout.

    Hope you find it useful & helpful.

    Other than that, Really Nice work & keep Going on !!

    Marked as helpful
    0
    Yavuz KARAKUŞ•50
    @yavuzkarakusPosted 11 months ago

    Hi Kimo! 👋🏻

    Thank you very much for your feedback, it is really useful information, I will take care to use the clamp() method from now on. 💪🏻

    0
    Kimo Spark•2,190
    @kimodev1990Posted 11 months ago

    @yavuzkarakus You're always welcome, Anytime....

    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