Skip to content
OverviewSolutions
2
Comments
2
Treasure George-pepple
@ZeroLight0

All comments

  • Lukicha•30
    @LukichaAtomic
    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•40
    @ZeroLight0

    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;
}
    Marked as helpful
  • ilaidza•50
    @ilaidza
    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•40
    @ZeroLight0

    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.