Skip to content
OverviewSolutions
5
Comments
6
Uyoyo Whiskey
@Uyoyo-W

All comments

  • Uyoyo Whiskey•50
    @Uyoyo-WPosted about 5 hours ago

    Hi there! Great job giving this project a shot. Herre a few suggestions to improve it:

    • There appears to be an issue with the hosted site as it's displaying a blank screen with just one sentence. Consider checking out the platform you used to deploy the site (I'm guessing you used Github pages) to ensure you're properly deploying the repository from Github and deploying from the correct branch
    • I ran your code on my laptop and although you did well with the code by using semantic HTML, the styling doesn't exactly match the original design. Try cross-checking each element with the original design to ensure you used the correct fonts, colours and spacings where necessary. For example, the size of the image looks larger than it should be based on the design. You could give .one the width of 600px so it matches the max-width: 600px in .image and the image can fit properly
    .one{
    background-color: rgb(221, 221, 221);
    border-radius: 20px;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 600px; /* Added width */
}
.image {
    border-radius: 20px;
    width: 100%;               
    max-width: 600px;                    
    display: block;           
    margin: 0 auto;           
}
    • You can also center .one on the screen by using this:
    body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}

    You're already on the right path with your code. Some adjustments just need to be made to ensure it looks as close to the design as possible. Hope this helps.

    0
  • Uyoyo Whiskey•50
    @Uyoyo-WPosted about 7 hours ago

    This serves as the project for Day 4 of my 30 Days of Conistency challenge. I didn't post the solutions to projects in 2 days but I spent time making corrections to code I worked on in the first 3 days.

    I'd appreciate feedback on how to make this code better than what it currently is

    0
  • Uyoyo Whiskey•50
    @Uyoyo-WPosted 1 day ago

    Hi there! Your code looks great! Good job making it very concise and as close to the design as possible.

    0
  • Uyoyo Whiskey•50
    @Uyoyo-WPosted 2 days ago

    This looks really great! You were able to replicate the design so well.

    0
  • Cihan•10
    @ahmetcihankSubmitted 4 days ago
    What specific areas of your project would you like help with?

    i am a backend developer if you can help me with layouts i would be greatful thanks.

    qr code challange

    2
    Uyoyo Whiskey•50
    @Uyoyo-WPosted 4 days ago

    Hi there! Great job completing on the challenge and exploring frontend development as a backend developer. Your code is off to a great start. Here are a few things that could make it much better

    1. Check out the styleguide.md file where you'll find the specified font for this project and colours which are to be used in the p tag in the code. You can find and import this font (called Outfit) from Google Fonts

    2. It would really help out to check the Figma file for this task to see the exact styling details for the design

    Well done again on making progress with this task!

    0
  • Uyoyo Whiskey•50
    @Uyoyo-WPosted 5 days ago

    I'm embarking on a journey of learning how to code all over again and the idea is to write code consistently for the next 30 days by working on projects.

    Here's the solution to Day 1. I'd really appreciate feedback on what to do better

    1