Skip to content
Submitted 7 months ago

QR redirection page using Css

Endy1381•150
@Endy1381
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

well i was proud of me centering a div, and figuring out how to do stuff

maybe i will improve on the responsive next time!

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

it was making the container small and centered. i used a flex for this and it did not help. it didn't shrink the thing.

but i made the image smaller and then change the contained to inline block. i wrapped up that element in another div which have flex to make it centered horizontally. i used the translate to center it vertically since align items didn't worked so i then did it.

also deploying the page was a huge mess! but i figured it out.

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

for now, nothing

Community feedback

  • Sivaprasath•2,520
    @sivaprasath2004Posted 7 months ago

    Hello, I would like to extend my congratulations on completing this challenge.

    • I will give some suggestions make sure this is improve your skills.
    • This give is not readable and understandable format <div class="mmn"></div>
    • Using a descriptive class name like section-heading makes it clear to users and other developers what the purpose of the <div> element is, improving readability and maintainability.
    Marked as helpful
    1
    Endy1381•150
    @Endy1381Posted 7 months ago

    @sivaprasath2004 thanks! i will improve that.

    0
  • Baji Shaik•110
    @BajiShaik000Posted 7 months ago

    @Endy1381 Your solution is good. when you are improving this solution just try to change the size of card a little bit bigger and you can give little bit padding on right and left side of heading, Change paragraph color as well. If you closely observe, you have to change the font as well. Keep it up.

    Marked as helpful
    1
    Endy1381•150
    @Endy1381Posted 7 months ago

    @BajiShaik000 thanks!

    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