Skip to content
OverviewSolutions
3
Comments
2
iajlsdnt
@ajlsdnt

All comments

  • Bheki Accion Nkomo•230
    @BhekiAccionSubmitted over 2 years ago

    Im kind of struggling to make this card respond to viewer point so it can remain at the center of the screen, anyone with a suggestion? Im also noticing that my icons for Ethereum and time do not seam to be at the same line with the p tags that follow, l had the same issue with the profile picture but l manages to reduce it with a negative margin. What could be the cause here?

    NFT Card Preview with Flexbox

    1
    iajlsdnt•70
    @ajlsdntPosted over 2 years ago

    Hi Bheki! This honestly looks great, congrats!

    An input for me that hopefully can help you. -centering the content. The method that works for me every time is setting the height of your <body> to 100vh (which means it'll take up the full-screen height of viewer devices) and using flexbox (display: flexbox; justify-content: center; align-items: center;)

    Marked as helpful
    0
  • iajlsdnt•70
    @ajlsdntPosted over 2 years ago

    Hi Bahati it's Amelia (@ajlsdnt) from twitter :D This looks awesome, great job. It's so cool you use 'hamburger' menu for the mobile media query.

    I may not give many comments on the code (I haven't touched any framework myself), but here you go:

    • you can wrap your <nav> with <header> tag
    • try to use 'box-shadow' for the '.card (the testimony box) instead of 'border'
    • background transparent for the 'see how fylo works link'
    • and background white for the first section 'showcase'

    Cannot wait for your next projects of FrontEnd Mentor :)

    Marked as helpful
    0