Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
4

Julia Fidison MAHANDRISOA

@Julia-FidisonMadagascar90 points

I am a self-taught web development learner.

Latest solutions

  • 3-column-preview-card-component-main-first-solution-using-html-and-css


    Julia Fidison MAHANDRISOA•90
    Submitted over 3 years ago

    0 comments
  • stats-preview-card-component-first-solution-using-html-and-css


    Julia Fidison MAHANDRISOA•90
    Submitted over 3 years ago

    1 comment
  • qr-code-component-main-first-solution-using-HTML-and-CSS


    Julia Fidison MAHANDRISOA•90
    Submitted over 3 years ago

    1 comment
  • Order-Summary second-solution using HTML and CSS


    Julia Fidison MAHANDRISOA•90
    Submitted over 3 years ago

    2 comments
  • Order-Summary First-Solution using HTML and CSS


    Julia Fidison MAHANDRISOA•90
    Submitted over 3 years ago

    2 comments

Latest comments

  • Christopher Phillips•30
    @csphilli
    Submitted over 3 years ago

    Solution to QR Code Challenge

    2
    Julia Fidison MAHANDRISOA•90
    @Julia-Fidison
    Posted over 3 years ago

    Hello, Good job. I would like to give you a few suggestion if you don't mind.

    In your html code. It will be easier for you and the other if you follow the html semantics for example <main class="container"> <img> <article> <h1>.......</h1> <p>.......</p> </article> </main> Concerning the heading I think you should always start with <h1> <h2> <h3> .... You can't go to h2 after h1, they need to follow a chronological order if you want to change the font-size of your heading just override it in you css Learn more about that here And more about the html semantics

  • Almira Sadykova•20
    @sadykova
    Submitted over 3 years ago

    Aligning page components using CSS Flexbox

    2
    Julia Fidison MAHANDRISOA•90
    @Julia-Fidison
    Posted over 3 years ago

    Hello, Great job. I would suggest you to import your google font like @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100&display=swap'); in your stylesheet as you already have a separate style.css.

    And change the color to h1 by Grayish blue: hsl(220, 15%, 55%).

    I think you should make you're site responsive by using media query as: 320px — 480px: Mobile devices 481px — 768px: iPads, Tablets 769px — 1024px: Small screens, laptops 1025px — 1200px: Desktops, large screens

    You can learn more about that here

    Marked as helpful
  • David Yu•50
    @boostbm
    Submitted over 3 years ago

    Stats Preview Card Component

    1
    Julia Fidison MAHANDRISOA•90
    @Julia-Fidison
    Posted over 3 years ago

    Hello, that's really a great job. you have done here. I would like to suggest if you don't mind to use the html semantics like header, main, section... instead of div. So it will be easer for you and the other to read your code. Example:

    <main> <header> <h1>title</h1> <p>paragraph</p> </header> <main>

    You can learn more about it here

    Marked as helpful
  • Julia Fidison MAHANDRISOA•90
    @Julia-Fidison
    Submitted over 3 years ago

    Order-Summary First-Solution using HTML and CSS

    2
    Julia Fidison MAHANDRISOA•90
    @Julia-Fidison
    Posted over 3 years ago

    Thanks a lot for your feedback. I really appreciate.

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

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