Skip to content
OverviewSolutions
7
Comments
7

Buchi

@B-uchiNigeria160 points

Games, Anime and Code

I’m currently learning...

Everything...

Latest solutions

View more solutions

Latest comments

  • Buchi•160
    @B-uchi

    Congratulations @vishnuvk15! Your solution looks really nice, what I noticed is, your solution doesn't really need a media query @media, and can be further optimized to remove the unused CSS in the media query

    Cheers and happy coding

    Marked as helpful
  • Buchi•160
    @B-uchi

    Congratulations @wellaquino on completing your first challenge, I think you did a good job. I just have a recommendation:

    • Your main component is not exactly centered. I would recommend adding height: 100vh; width: 100%; display: flex to your body styling to center the main component.

    Cheers and happy coding

  • Buchi•160
    @B-uchi

    Congratulations @newtaves on completing your first challenge. Here are a few things i noticed:

    • Your container component is not exactly centered. I would recommend adding height: 100vh; width: 100%; display: flex to your body styling to center the container.
    • You didn't make use of the font provided in the style-guide.md file
    • You should also change the width of the .container to max-width: 300px to ensure a responsive look on smaller devices. Finally, I didn't see the need to specify height: 540px

    Cheers and happy coding

  • Buchi•160
    @B-uchi

    Hello @victorspoot, your solution to this challenge is really nice. Here are few things i noticed in your code:

    • While styling your paragraph element, you didn't specify add .font-family and .font-weight
    • Also in your paragraph element, you utilized page breaks which I don't think was necessary since the text will automatically position itself based on your padding and alignment

    Also try .box-shadow: 0px 3px 15px rgba(0,0,0,0.2) it should give you a better result.

    Cheers and Happy coding

    Marked as helpful
  • Buchi•160
    @B-uchi

    Congratulations @oussamaelhousni on completing your first challenge, your solution looks really nice. Here are a few things I noticed:

    • You didn't add a box-shadow to your .container div.
    • Although I wont count myself as an expert, I don't really think it was necessary to include your CSS styling directly in the HTML file. I believe it's good practice to have external CSS linked to your HTML file.

    Apart from these few things, your solution was spot on!! Cheers

  • Buchi•160
    @B-uchi

    Whoa!!! Nice work @AleksAus on your solution, it is truly amazing. The only thing I noticed is that you didn't add a box-shadow to your .main-component.

    Cheers and happy coding!

    Marked as helpful
View more comments