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 HTML/CSS Design

KOMA TOZ 110

@Maksym-Paselsky

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


I'm not confident with positioning I think code could be much simplier. I'm unsure of mediaqueries usage I only adjust the body size, but it looks right🧐

Community feedback

Roksolana 910

@RoksolanaVeres

Posted

Привіт) Оскільки ти зі Львова, думаю, можна написати українською (аж незвично🙂). В мене самої невеликий досвід в програмуванні, але з того, що я бачу, то в частині mediaqueries код можна скоротити. Сюди потрібно писати не всі властивості елемента, а тільки ті, які повинні змінитися, коли ширина екрана досягає певної величини. Тобто, тобі достатньо залишити тільки цю частину коду:

@media (max-width: 375px) { body { width: 375px; }

Все)

display: flex; justify-content: center; align-items: center; margin: 0; - ці всі властивості для body в тебе вже вказані в коді вище. Так само можна прибрати position: relative; для .container, тому що вище в нього вже є ця властивість.

Сподіваюся, зрозуміло пояснила)

Marked as helpful

1

KOMA TOZ 110

@Maksym-Paselsky

Posted

@RoksolanaVeres справді незвично писати на українській) Дякую за відгук!

1

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