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

msa-sitare

@msa-sitare70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Card Preview


    msa-sitare•70
    Submitted about 1 year ago

    1 comment
  • Recipe Page


    msa-sitare•70
    Submitted about 1 year ago

    0 comments
  • Profile Social-Link Container


    msa-sitare•70
    Submitted about 1 year ago

    1 comment
  • https://github.com/msa-sitare/blog-preview-card


    msa-sitare•70
    Submitted over 1 year ago

    1 comment
  • Creating basic card component using semantic HTML and CSS Grid


    msa-sitare•70
    Submitted over 1 year ago

    -I used both footer element (as parent) and small element (as child) for the copyright text "Challenge by Frontend Mentor. Coded by Sitare." to keep it semantically correct HTML. But am I overkilling it, should I stick with only one of them?


    1 comment

Latest comments

  • Igor Pereira•50
    @igorsantos-p
    Submitted about 1 year ago

    Article preview component responsive

    1
    msa-sitare•70
    @msa-sitare
    Posted about 1 year ago

    Pretty nice, I liked ease in transition

  • Gonzalo Larrica•60
    @goncho09
    Submitted about 1 year ago

    Recibe page

    1
    msa-sitare•70
    @msa-sitare
    Posted about 1 year ago

    I'd recommend changing the image width from 60% to 100%, this way it lines up with the content nicely. Keep up the good work.

    Marked as helpful
  • ADEGBORIOYE TEMITAYO OLUBUNMI ISAIAH•20
    @auxano1003
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am excited i was able to do this simple project in the quickest time i could

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

    trying to understand how buttons are used alongside the margin property

    responsive social media card using HTML and CSS

    1
    msa-sitare•70
    @msa-sitare
    Posted about 1 year ago

    Your layout is structurally sound, but it lacks attention to detail in terms of proportions and spacing. Consider refining the dimensions, padding, margin, and alignment to ensure consistency. Good work, and with a little fine-tuning, it'll be even better!

  • gabrieltrtl•580
    @gabrieltrtl
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    For this and other challenges, I confess that I would have liked to have used SASS, even without needing it.

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

    I encountered difficulties with sizing this image, but I reached out to the FEM community for help and got the answers I was looking for.

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

    I would like to receive a code review, to know if I'm on the right track, I don't feel confident in my code yet

    Blog Preview Card

    1
    msa-sitare•70
    @msa-sitare
    Posted over 1 year ago

    Hey it's pretty good, you have very good attention to detail.

    my only recommendation would be to change drop-shadow to make it like the exact design. Something like this:

    @media (min-width: 650px) {
    
      main {
        max-width: 24rem;
        box-shadow: 8px 8px;
      }
    
      main:hover {
        box-shadow: 16px 16px;
      }
    }
    

    Right now it looks like the default state has 16px drop-shadow. Except for this nitpick, it's great.

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