Skip to content
OverviewSolutions
9
Comments
9
Rizwan Mustafa
@rizwanmustafa

All comments

  • Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Hi! Welcome to front-end web development. I see that you are a newbie but you should have known that you need to complete the given challenge before posting your solution for it. The web page you have posted is not even remotely close to the given solution. You are not supposed to post custom web pages here. You have to create a website that resembles the given design. Hope this helps. Enjoy front-end web development while you are at it.

    0
  • Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Wow! I am truly impressed by your solution. Everything is great! I just want to ask one thing: How do you manage to make the exact copy of the design?!

    1
  • William Anthony•190
    @wpittman06Submitted over 3 years ago

    I followed along with a random tutorial that brought me to this challenge out of happenstance. This is my 3rd(?) challenge in which I followed along with another dev and I learned a lot in regards to breaking down a project. My questions would be in regard in how he set up his code? He nested his CSS (which i didn't know you could do) would this be the recommended way if your just using vanilla HTML/CSS? is it just preference? Is it situational? My other question is SASS vs CSS this is my second time using SASS and I've enjoyed it. I'm wondering in terms of usability and learning curve, should I learn SASS in conjunction with CSS? Or should i learn Vanilla CSS properly and THEN utilize SASS? what are your thoughts? Do you prefer one over the other? or is it project based? I'm Also having issues with getting my repository to Vercel, if anyone has any suggestions please help a noob out, i assure the code works i've opened it locally but I'm breaking something when i link it to Vercel.

    Four Card Section

    3
    Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Seems like the website is down!

    0
  • Max Lockwood•60
    @Max88-gitSubmitted over 3 years ago

    Hello everyone, this is my second challenge on Frontend Mentor. I would like to ask for your feedback regarding my mobile design. The part where I struggled is with the circular background pattern. Do you have any suggestions on making the background responsive for small devices and mobile? Currently, when you view the site at 375px the svg's are hidden.

    Looking forward to your feedback! Also, I hope you liked the implementation. Feel free to use my solution as a guide.

    Profile card component - flexbox

    2
    Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Good work on the challenge. Everything except the background looks great. For the background check my solution out. Click Here

    Or better yet check Apple Pie Giraffe's Solution. Click Here

    0
  • Zdenek Lhotka•30
    @zedzetzedSubmitted over 3 years ago

    Hi! I would appreciate a little help with how to exactly replicate the background! My solution is unfortunately not precise.

    And any feedback is always welcomed!

    Solution with flexbox

    2
    Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Good work on the challenge. Everything except the background looks great. For the background check my solution out. Click Here

    Or better yet check Apple Pie Giraffe's Solution. Click Here

    0
  • Ayush Devkota•305
    @AyushDevkotaSubmitted over 3 years ago

    This is my 4th challenge. I know there are many ways to do stuff but it took me quite a while to figure out the grid-template-rows/columns to align properly. Is there a simpler way to achieve this, maybe using flexbox and keeping it responsive at the same time? Please leave any advice/feedback. Thank you

    HTML and CSS (grid)

    2
    Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    I used flexbox for this and it was quite easy for me. Have a look on my solution!

    Repo Link

    [Live Page] (https://rizwanmustafa.github.io/FourCardFeatureSectionChallenge/)

    0
  • Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Good Job on the challenge! However there are a few things you can improve.

    • Set a max width for the cards, they keep expanding no matter what screen width is
    • Edit the card borders to update when on mobile

    Also try adding animations when user hovers over the button.

    Happy coding!

    1
  • Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Seems like the page is down

    0
  • Peter Fischer•110
    @spotted76Submitted over 3 years ago

    Way more javascript that required. Could have just used a details element. But I wanted to put my own spin on it, and provide a solution that only allowed 1 answer to a question be visible at a time.

    Also, I was playing around with javascript modules and classes, so there you go!

    FAQ Accordion - With Javascript

    1
    Rizwan Mustafa•155
    @rizwanmustafaPosted over 3 years ago

    Good Job on this challenge!

    I have a few suggestions:

    • Avoid using height: 100vh; in your body. Instead use min-height: 100vh;. This will guarantee that your body covers the whole page and all content is seen in case the content height exceeds the height of the viewport
    • Remove the vertical scrollbar on the page by adding margin: 0; padding: 0; in the styles for *.
    • Try to add transitions to smoothen the expansion of answers of questions

    Happy coding!

    0