@SJ-Nosrat
Posted
Hey Alexander, Great job! I found this particular project quite challenging myself.
I was just wondering why don't you take full use of Flexbox; I see you added the display: flex;
property on your <div class="container">
tag, however, I don't see justify-content: center;
and align-items: center;
properties; this will center your card properly.
Although it does break card on the mobile-view. I suggest approaching every project with a mobile-first approach and then adding the appropriate @media
queries for larger viewport sizes (screen sizes). You can find more about the approach on the YouTube video by Kevin Powell.
Best of luck on your coding journey! You're doing great!
Marked as helpful