Submitted
Jeff
@njorogejeff
All solutions
Submitted
Blog Preview Card Component
- HTML
- CSS
Submitted
Results Summary Component
- HTML
- CSS
Submitted
Submitted
Manage Landing Page
- HTML
- CSS
- JS
Submitted
Clipboard Landing Page
- HTML
- CSS
Submitted
Fylo Data Storage Component
- HTML
- CSS
Submitted
Testimonials Grid Section
- HTML
- CSS
Submitted
Submitted
Single Price Grid Component
- HTML
- CSS
Submitted
Four Card Feature Section
- HTML
- CSS
Submitted
Social Proof Section
- HTML
- CSS
Submitted
Profile Card Component
- HTML
- CSS
Submitted
Submitted
Submitted
Submitted
Submitted
The challenge was exciting as it was a great example of creating card components with CSS. Also, concepts like box shadows, CSS backgrounds, and positioning are learned while designing/building this challenge. Although it was a simple task, it had its fair share of challenges that I would love for you to help me solve.
The main challenge I encountered was, "How do I center the card in the middle of the page without using CSS Flexbox?" Although I added margin-top to the card to push it down, this method may not be effective in achieving the desired result. As a result, I pose this question.
- How do I center the card in the middle of the page?
The second issue I encountered was, "How do I position the footnote perfectly at the bottom of the page?" Centering the footnote proved challenging as I tried playing with the 'position' property, but I could not center the footnote. In the mobile screen layout, it even overflows below the screen. Therefore my second question is.
- How do I position the footnote perfectly at the bottom of the page and in the center?