Design comparison
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
- @RoksolanaVeresPosted over 1 year ago
Привіт) Оскільки ти зі Львова, думаю, можна написати українською (аж незвично🙂). В мене самої невеликий досвід в програмуванні, але з того, що я бачу, то в частині mediaqueries код можна скоротити. Сюди потрібно писати не всі властивості елемента, а тільки ті, які повинні змінитися, коли ширина екрана досягає певної величини. Тобто, тобі достатньо залишити тільки цю частину коду:
@media (max-width: 375px) { body { width: 375px; }
Все)
display: flex; justify-content: center; align-items: center; margin: 0; - ці всі властивості для body в тебе вже вказані в коді вище. Так само можна прибрати position: relative; для .container, тому що вище в нього вже є ця властивість.
Сподіваюся, зрозуміло пояснила)
Marked as helpful1@Maksym-PaselskyPosted about 1 year ago@RoksolanaVeres справді незвично писати на українській) Дякую за відгук!
1
Please log in to post a comment
Log in with GitHubJoin 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