MarLieDev• 120
@marliedev
Posted
First Look on Desktop looks fine. But when inspecting in Detail there are some inconstistencies.
- The image extends slightly beyond the edge of the card and has rounded edges on the right side
- The font-family for price is not correct.
When changing to mobile view there are even more "problem".
- The Image swaps to early.
- The title (h1) is much to big for mobile devices
- At some point (at around 470px) the button moves outside the box.
Improvements:
- check your result in detail and test it extensively! This is a crucial skill!
- flexbox is best for this kind of layout. At least for the mobile design.
- have a look at grid in detail. The use of grid-template-rows with percentage values is the reason why your mobile layout is "shot"
- use lower case names in css and html and usekebab-case style
0
