Skip to content
OverviewSolutions
8
Comments
6
Orisasona Ayoola
@Komans-Hub

All comments

  • Orisasona Ayoola•90
    @Komans-HubPosted about 1 month ago

    I’d like to provide some feedback. In past challenges, I noticed you haven't engaged or responded when solutions were submitted. Networking and actively engaging with the community are essential, and I highly encourage you to embrace these practices. They can greatly enhance collaboration and growth.

    0
  • Orisasona Ayoola•90
    @Komans-HubPosted about 2 months ago

    Great job Awoniyi. Your solution is so accurate to the design. Keep coding

    Marked as helpful
    0
  • Oluwakayode Ige•60
    @Jesuis-JacquesSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    What I'm most proud of is the fact that I was able to debug my code effectively and learning numerous semantic HTML along the way, I'm excited to see what I would do differently myself next time.

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

    It was a bit challenging as I was trying to make use of semantic HTML, so trying to get the [] to style properly (across all screen sizes) was one of my challenges in this project coupled with the [::marker] icon in [li] of [ol] - apparently they weren't adjusting to the [list-style-type].

    I solved the first one by understanding that there's a [thead] [tbody] and [tfoot] tags in between the table tag and the [tr] tag which was producing a bug as i used the CSS property: grid-template-column. The second I solved my applying the CSS property: list-style-type: decimal, on [ol] directly rather than on [li::marker].

    PS: ChatGPT kept on insisting I used the later until I tried using my discretion.

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

    I'd like like help with understanding better ways with adjusting the webpages to different screen sizes.

    Responsive recipe page with HTML & CSS

    2
    Orisasona Ayoola•90
    @Komans-HubPosted about 2 months ago

    Amazing job with this. You're making fantastic progress. I'd like to provide some feedback. First of all, I would recommend you checkout resources on websites like web.dev, freecode camp, web3schools or even stack flow and read through their documentation on responsive designs. Also learn more about using media queries to ensure your design adapts to different screen sizes. Also your codes aren't well structured, your styles should only contain one file. Creating several files for styles makes your code quite complex, non readable and also reduces the risks of errors. Ultimately your project looks good overall, but the html structure could be improved, this in turn will give you more control over the CSS to get closer to the design. Great job once again

    0
  • Orisasona Ayoola•90
    @Komans-HubPosted about 2 months ago

    Great work Casper. Your design is accessible, the layout looks good on all screen sizes. Your code is also well structured, maybe not so readable but ultimately your solution is quite accurate to the design.

    1
  • Orisasona Ayoola•90
    @Komans-HubPosted about 2 months ago

    Great job Marcelo, your solution is accurate to the designs. Well done once again, your code is also well structured.

    0
  • paddypeanut•100
    @paddypeanutSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Happy with the finished component. I feel it is very accurate to the design

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

    Never used figma before but found it very intuitive and user friendly

    QR Component - HTML CSS

    1
    Orisasona Ayoola•90
    @Komans-HubPosted 2 months ago

    Great job paddypeanut, your code is well-structured and readable. It's 100% accurate to the design

    1