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

FatherSword

@FatherSword60 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

  • Simple recipe


    FatherSword•60
    Submitted 9 months ago

    1 comment
  • Social links profile via flex and negative margin


    FatherSword•60
    Submitted 9 months ago

    I am really confused about the alignment of a text element right after a picture. If I just want to display a text right below an image or keep their center line collinear, how can I achieve that easily? Really thankful for your advice!


    2 comments
  • Blog's Preview Page through Flex


    FatherSword•60
    Submitted 9 months ago

    I am really inexperienced with svg pictures. In real projects, are developers still frequently using svgs? I doubt that turning a svg into an img is more convenient for constructing items stream and achieving some specific effects such as round borders. If we inevitably need to deal with svg pictures, I really wish that you can share me a tutorial about svgs and how to manipulate them. Thank you a lot!


    1 comment
  • QR Code Solution via Flex and Basic HTML,CSS


    FatherSword•60
    Submitted 9 months ago

    2 comments

Latest comments

  • Michael-Alans•380
    @Michael-Alans
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    The use of semantic HTML which helps the browser to load page contents very well.

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

    I encountered the challenge of making the image to become full width at mobile screens. Then I overcomed that by using semantic HTML (aside) for the image, and for viewports less than 600px, the padding becomes zero.

    responsive recipe page using HTML and css

    1
    FatherSword•60
    @FatherSword
    Posted 9 months ago

    You really did a great job! I notice that you have applied flexbox and @media. These are really powerful which make your page flexible enough that can be fit in numerous sizes.I don't think your work has obvious flaws and I really appreciate your creation!

  • ernieJohn•80
    @ernieJohn
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    One of the things I won’t forget, is that I thought I was done, but it turns out the browser was zoomed in, so I had to do it all over again.

    QR code component

    1
    FatherSword•60
    @FatherSword
    Posted 9 months ago

    Really good work! I noticed that you were troubled by the size of the viewport. I visited your live site and noticed that your page is lack of responsiveness. Responsiveness means to add some code to let your page adjust automatically according to the size of viewport. These simple codes might be a workable practice: width:80%; max-width:250px; height:80% max-height:500px; You may adjust the parameter but the idea is presented like that. If your want more complex responsive web page, you can try "@media/code/" in CSS part.

  • mrohoden•40
    @mnrohoden
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    i am understanding even more html and css

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

    i was difficult to center the boxes of the social networks i overcome this with display: inline-block

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

    is it better to margin-top in pixels or in %?

    social links with html and css

    1
    FatherSword•60
    @FatherSword
    Posted 9 months ago

    Your work is really good! You only lack some details to work on. You can try to make the person's name smaller and adjust the font weight to 400. Nevertheless, I can not really tell a difference between your work and the sample. I think you are ready to continue to harder challenges and improve your skills through learning more advanced techniques. Again, really good work!

    Marked as helpful
  • Asledin-max•170
    @Asledin-max
    Submitted 9 months ago

    blog-preview-card-main

    1
    FatherSword•60
    @FatherSword
    Posted 9 months ago

    Really good practice! You have not used too advanced technologies but you satisfied all the requirements and your code is very concise! I think you can try more complex websites and learn more advanced techniques to challenge yourself! Good luck for you!

  • pmendezpe•30
    @pmendezpe
    Submitted 9 months ago

    QR Code Component

    1
    FatherSword•60
    @FatherSword
    Posted 9 months ago

    You really did a good job, I believe that the advanced technologies you applied are all very powerful, which help the page become more robust and more beautiful. However, there might be a detail that is not so perfect, maybe you can change the color of the big words right below the QR Code to accord to the sample. Nevertheless, this is really subtle and does not matter too much, therefore I think that you can just ignore this point. Again, it is a really good design!

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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub