Submitted over 2 years ago

Responsive Web Design for QR Code Challenge Using FlexBox

Pranjal Shiv Gupta•10

@prashg1

A solution to the QR code component challenge

Preview Code

Solution retrospective

How to make upper para more bold?(I used font-weight but it didn't made much difference)

Code

Please log in to post a comment

Community feedback

Bader Idris•2,880
@Bader-Idris
Posted over 2 years ago
You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:
```
.container {
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```
the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful
Pete Beasley•30
@pbeasley82
Posted over 2 years ago
When reading through the enclosed style guide, it specifies what font weights to import from Google Fonts. Try that.
Apah•280
@apah-dev
Posted over 2 years ago
Using the recommended font and font-weight would make font more close to that of the solution.

Check the styleguide to see the font-family and font-weight recommended

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