usama
KPCKevin Powell - Community
•Created by usama on 11/13/2024 in #front-end
Component being rendered with a different height than figma design
Guys am working on this challenge: https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H
here's my code link: https://github.com/umwebdev/qr-card-component
here's the live preview: https://fem-qr-card-component.vercel.app/
the ISSUE I am facing is as following:
height of the card element in the figma design is 499px, while the height of my live preview is around 503px, i have not set the height explicitly and it's the default "height: auto;"
My first guess was maybe the line height and the font sizes are different but that's not the case as well, I am using same properties for elements, such as paddings, margins, line height, font sizes, letter spacing etc yet somehow my live version is being rendered with the different height.
What could be the possible reason here ?
23 replies