Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
7
Faisal Baig
@Faisalbaig1998

All comments

  • P
    kayan•630
    @kayan2004
    Submitted 12 months ago

    responsive grid section using CSS grid

    1
    Faisal Baig•90
    @Faisalbaig1998
    Posted 12 months ago

    The container width should be smaller.

  • Ki'ara Colbert•130
    @kiaraaa123
    Submitted about 1 year ago

    Four-Card Feature Section (HTML/CSS)

    1
    Faisal Baig•90
    @Faisalbaig1998
    Posted about 1 year ago

    The layout remains the same, but the card shadows should be more blurred. Additionally, the font color is too dark. Please pay attention to these details.

  • Rowan Pereira•330
    @rowanrooster
    Submitted about 1 year ago

    Product Preview Component

    1
    Faisal Baig•90
    @Faisalbaig1998
    Posted about 1 year ago

    None

  • BhargavMarala•80
    @BhargavMarala
    Submitted about 1 year ago

    Recipe Page Main

    1
    Faisal Baig•90
    @Faisalbaig1998
    Posted about 1 year ago

    None

  • errbrokko•80
    @errbrokko
    Submitted about 1 year ago

    Social Links CSS HTML Media

    1
    Faisal Baig•90
    @Faisalbaig1998
    Posted about 1 year ago

    none

  • oluwatoyosi•20
    @wetwan
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    this is the first time i'm trying responsive screen

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

    getting the box shadow right

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

    i am trying for now

    Blog-preview-card

    1
    Faisal Baig•90
    @Faisalbaig1998
    Posted about 1 year ago

    Nice

  • Arkadiusz Żmudzin•30
    @arkus7
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud that I managed to finish this challenge :) Next time, I might separate CSS from the index.html file and maybe use some variables (or even SCSS) for styling.

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

    I had a problem with centring the card both vertically and horizontally. I found some articles about using flex to do this, but the default margins and padding messed it up a bit (creating additional space so that scrollbars were active). I've used a "hack" with * to reset those, but I'm unsure if this is the right approach. I've also had an issue with properly sizing the text elements on the card - the style guide said the paragraph size should be 15px, but there was no mention of the size for the header. I had to download the Figma file to check the proper size so I could mirror the design as closely as possible.

    What specific areas of your project would you like help with?
    1. I'm not sure if the HTML structure I came up with is the right approach. I tried not to overuse div elements, I reached for tags like main and section to give it more semantics although I worry that this is overkill for the example in the challenge. Any feedback is appreciated.
    2. I had a problem with centring things and I've used flex to solve it - what is the best approach here? I've used height: 100vh on the container to fill the whole viewport so it is also centred vertically - is this how it's supposed to be done?
    3. Is the naming of the classes in the CSS fine? I've always struggled with naming them and I went for naming by the "component" they describe.

    QR code component solution

    2
    Faisal Baig•90
    @Faisalbaig1998
    Posted about 1 year ago

    Nothing

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