@Evavic44
Submitted
I wrote more CSS than required for this challenge, because I wanted a different responsive layout for tablet screens. Also added comments to make reading this easier.
@Evavic44
@Evavic44
Submitted
I wrote more CSS than required for this challenge, because I wanted a different responsive layout for tablet screens. Also added comments to make reading this easier.
@Evavic44
Posted
Thanks @patrick π€
@Blanket25
Submitted
@Evavic44
Posted
Aside from the background color, your desktop view is so...... identical to the design. Bravo! π―
@Dinesh1042
Submitted
Feedback are requested
π
@Evavic44
Posted
This is one of the most perfect solutions to this challenge. Nice work. Though I'll add some opacity to the paragraph and stats text to make it a bit faded. Aside from that, everything look great.
@asksid27
Submitted
justify-content wasn't having any effect on mobile version, I tried space between but was having some problem with height(I think). Please help me with those spacings. Any more suggestions will be appreciated.
@Evavic44
Posted
You can add the right fonts using CSS import tag on google fonts, just paste it in the CSS file at the top and it is ready to be used in the font-family property. Here is the link: https://fonts.google.com/specimen/Inter?query=inter
@Ahtemarul-Hasan
Submitted
Some feedback on managing the responsiveness would be highly appreciated.
@Evavic44
Posted
Lol your last commit message is real funny, I feel your pain. Struggled with this challenge as well, especially with aligning the container to the center. With some struggling I finally figured it out. Simply add a max-width of 1000px and margin: auto on the left and right. This should align the whole card.
@Chaoticshmoo
Submitted
@Evavic44
Posted
Great job. π Though the color in the overlay isn't quite the same.
@silkcoder
Submitted
This is my first responsive layout. I kindly request everyone to provide feedback on how to improve my html/css code. Thanks
@Evavic44
Posted
Nice one.
@tracycod3r
Submitted
How can I properly align footer items on the mobile screen?
@Evavic44
Posted
This is cool. Nice work.
@femizi
Submitted
how do i centralize a div alone in the middle of the screen
@Evavic44
Posted
There are several ways in doing that, all depends on the use case.
div { margin: 0 auto; }
div { position: relative; top: 50%; left: 50%; }
3 Or use a transform property div { transform: translate(50vw, 50vh); }