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

Treasure George-pepple

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

  • Responsive Product Card using plain html and css


    Treasure George-pepple•20
    Submitted about 9 hours ago

    0 comments
  • Qr_code component


    Treasure George-pepple•20
    Submitted 18 days ago

    0 comments

Latest comments

  • Lukicha•10
    @LukichaAtomic
    Submitted about 10 hours ago
    What are you most proud of, and what would you do differently next time?

    i made this thing suprisingly quickly even though i am just getting familiar with html and css so i was very happy

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

    i could not get image inside container to have round corners,i tried border radius but for some reason it did not work,also making container centered was big problem for me , it was almost impossible to make it vertically centered so i used margin for it , even though i think it was bad idea

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

    i need ideas how to make it easier to center or move containers as i wish and also how to make images corners round , thanks in advance

    Blog Preview card written in HTML and Css

    1
    Treasure George-pepple•20
    @ZeroLight0
    Posted about 9 hours ago

    First of all, you're on the right track using flexbox to center your container. Set the height of the body to 100vh

    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    

    There are other ways to do it but this is the easiest and most efficient.

    In regards to making the image rounded, you made the container of the image rounded (The div holding the image) but you didn't make the img itself rounded. This solution below would work:

    .img{
        margin: 20px;
        border-radius: 25px;
    }
    img{
        border-radius: 25px;
    }
    
  • ilaidza•40
    @ilaidza
    Submitted 18 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud of how i was able to create my first project at first go and most of all to make it responsive

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

    My main challenge was creating a repository with github console on vscode. I had to use github desktop which was very easy and beignner friendly

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

    well.... For now, I think I'm good but let's see how it goes as we move foward

    Responsive QR code page using CSS Flexbox

    1
    Treasure George-pepple•20
    @ZeroLight0
    Posted 18 days ago

    Good job on completing your first project, tbh it is very well done but can be improved upon. like making your background span the whole screen or moving your attributions to make the site more presentable. Since you have no questions in particular, I'll say goodluck moving forward.

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