Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR_Code card designing using CSS and HTML

P

@TusharKaundal

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

  • Learned how to adjust footer to bottom while being the display property being defined as flex.
body {
    background-color: hsl(212, 45%, 89%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
}
footer {
    position: absolute;
    bottom: 5px;
}
  • Will try to get better solution similiar cases with good solution

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

  • Dont have a knowledge how to host/deploy website so learned it over by the helping links provided by FrontEnd Mentor

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

  • Help in better solution for designing part of website

Community feedback

@elijah-tembo

Posted

Hi Tushar Kaundal, Just submitted my first challenge on Frontend mentor platform. After submitting, I landed upon your solution and I must say it looks nice. Viewed your snippet, your code is well organized unlike mine and I have been encouraged to improve on mine as well. Keep it up.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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