Submitted 10 days ago

QR-code to Frontend Mentor using flexbox

mikiyas•40

@akimmk

Preview site View code

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?

i'm proud that i finally begin my road to frontend development. So from now on i would like to do the hard works and achieve great Goals.

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

Doing this project i have encountered no problem because it was for beginners

Community feedback

FabricioToshkollariSW•40

@FabricioToshkollariSWPosted 7 days ago

Incorrect body background color
Image handling needs to be reviewed according to best practices

Recommended image styling:

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}

Incorrect paragraph color

Suggestion to use variables

:root {
  --white: #ffffff;
  --slate-900: #1f314f;
  --slate-500: #68778d;
  --slate-300: #d5e1ef;

  --primary-font: "Outfit", sans-serif;

  --gap-small: 16px;
  --gap-large: 24px;
}

Please log in to post a comment

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