@MojtabaMosavi
Posted
Regarding you query:
- Correct inutition (or maybe you read it somewhere!), css unit generally can be categoried as relative units and absolute unit. Pixel belongs to the letter category which are not so well suited for responsive behavior. Using relative units such rem or em gives are better choices, I would recomand using rem becausing em are a bit more diffcult to wrap you're head around since the are base depend on font-size.
- For projects of this scope a proper section style will due but as you take on bigger projects something like 7-1 scss architecture is a good candidate for modularizing you styles. You can apply to css if you dont want to use scss or sass.
Keep coding :=)
Marked as helpful
@Zephsa
Posted
@MojtabaMosavi thanks for the feedback! I'll google about the 7-1 architecture to learn a bit more. Any suggestions on how to adjust the size of the box to match the original design?
@MojtabaMosavi
Posted
@Zephsa You can use a tool like adobe xd to masure the dimensions from the design files.