Submitted over 3 years ago

QR Code Component Solution

@ArthurPog

A solution to the QR code component challenge

Solution retrospective

Due to the fact that this is my first project, my biggest problem with it was aligning everything vertically. I came up with a solution but I have no idea if it is an elegant one. I have a lot of work ahead of me.

Code

Please log in to post a comment

Community feedback

Shawn Lee•580
@OGShawnLee
Posted over 3 years ago
Hello, good one! Some feedback right here.
1. You should have wrapped your content inside of a main tag.
2. About the alignment you could have aligned it with flexbox like this:
```
body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
```
1. For transparent colors I recommend using rgba because it is easy to know how transparent a color is by looking at the last number. Like rgba(0, 0, 0, 0.25).
2. Use CSS variables. They come in handy when you need to change something. Update once and everything changes nicely.
This is a pretty simple project and you did a great job. Hope this helps and you keep coming back with new solutions! Have a good one :)
Marked as helpful

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