Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
4
Zainab
@ZainabProgrammer

All comments

  • Axda•70
    @Axda-Web
    Submitted over 1 year ago

    Nextjs Planets Fact

    #next#react#tailwind-css#typescript#prisma
    1
    Zainab•180
    @ZainabProgrammer
    Posted over 1 year ago

    Greetings,

    I appreciate your work and that was amazing to see how interactive this project is. Well done!

  • An•150
    @anaislcno
    Submitted over 1 year ago

    Advice Generator w/ API using React

    #react
    1
    Zainab•180
    @ZainabProgrammer
    Posted over 1 year ago

    Hey there,

    Your design looks good on small screens but try to make card centered on larger screens and also try to add a loading state when api is fetching data to make it more interactive and engaging.

    Hope it helps...

  • Moises Castillo•220
    @mcasti19
    Submitted over 1 year ago

    Clipboard_landing_page HTML+CSS+FlexBox

    1
    Zainab•180
    @ZainabProgrammer
    Posted over 1 year ago

    Hi, there overall your code looks good and design too, there is suggestion from me that inside your paragraph you should align text centred instead of taking the full width and give the padding to make it as close to design as possible.

    .track-item{
    text-align:center;
    padding:1rem;
    }
    

    Hope, it help you..

  • AdamsRuth1•20
    @AdamsRuth1
    Submitted over 1 year ago

    i used HTML,CSS

    #accessibility#styled-components#lighthouse
    3
    Zainab•180
    @ZainabProgrammer
    Posted over 1 year ago

    To make the div centred both horizontally and vertically you should try:

    .main-div{
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    }
    

    Hope it helps you...

    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

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