Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
1

Shaian

@zshaian80 points

git

Latest solutions

  • Rest Countries ( React, Tailwind )

    #react#tailwind-css

    Shaian•80
    Submitted 8 months ago

    I'd like to ensure that all country flag images display at the same size in both the country list and details view. Some flags have different aspect ratios, and I don't want to set a specific size, as that might crop parts of the flags.


    1 comment
  • Blog Preview Card solution


    Shaian•80
    Submitted about 1 year ago

    Nothing.


    0 comments
  • QR code component solution


    Shaian•80
    Submitted about 1 year ago

    Nothing.


    0 comments

Latest comments

  • m-rooeintan•70
    @m-rooeintan
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    My mastery of structures has improved.

    What challenges did you encounter, and how did you overcome them?

    My main problem was with the "Hover" section. I was able to implement it to some extent, but if anyone has a more correct and better solution, please help me. Thanks.

    What specific areas of your project would you like help with?

    hover Section.

    Blog Preview Card

    2
    Shaian•80
    @zshaian
    Posted about 1 year ago

    Hello, great job on completing the challenge!

    To answer your question, if you are simply trying to center the item element for display, you can give the body a min-height of 100vh so that it covers the entire screen without extending above or below. Then, you can use flex on the body to center the item.

    I would also recommend avoiding unnecessary divs to wrap elements. This will help you write cleaner and more well-structured HTML. Try using more semantic HTML tags. Additionally, you should add more meaningful text to the alt attribute of your images, for example, the author's image.

    Overall, everything looks good. Just one thing: if you could add a transition to the box shadow after the "HTML & CSS foundations" text receives a hover, that would be great.

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub