Skip to content
OverviewSolutions
6
Comments
6
P
Hussein :)
@DevHussein

All comments

  • Hussein :)•80
    @DevHusseinPosted 1 day ago

    Good job! I have some comments: 1- the font and the font sizes needs to be match 2- the gaps and the background needs to be match

    0
  • Hussein :)•80
    @DevHusseinPosted 3 days ago

    Hi, Good work!

    the sizing in general and the fonts doesn't match the design and needs to be revised.

    0
  • Lauren Delmar•80
    @lrdelmarSubmitted 3 days ago
    What are you most proud of, and what would you do differently next time?

    I am really pleased with the responsiveness of the page, works on small and large screens. I chose to use display: grid and gap to add white-space between the elements.

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

    I had issues with the lists, aligning the bullets and also the wrapping text. I used list-style-position: inside; and text-indent: -2.2em; for those. To get the bullets and text different colours I wrapped the text in a ``. And with the table after some research I was able to align it correctly and add the lines between the rows

    table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

tr {
  border-bottom: 1px solid hsl(30, 18%, 87%);
}

tr:last-child {
  border-bottom: none;
}
    What specific areas of your project would you like help with?

    How would you get the lists to align and the text so it doesn't wrap immediately underneath the bullet point?

    Responsive Recipe Page

    1
    Hussein :)•80
    @DevHusseinPosted 3 days ago

    Good job!

    0
  • Hussein :)•80
    @DevHusseinPosted 5 days ago

    Good job!

    Marked as helpful
    0
  • Juan Diego Sastre Moreno•80
    @DIegoDevcodeSubmitted 6 days ago
    What are you most proud of, and what would you do differently next time?

    What I would have done differently next time would be to create this same project with less than 100 lines of CSS code.

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

    The challenge I found was that the elements were not centered properly, I solved it by using display flex on the body with height 100vh this way they were centered properly.

    blog-preview-card-main whit css flexbox

    2
    Hussein :)•80
    @DevHusseinPosted 5 days ago

    Good job! You are missing the padding, borders!

    1
  • Hart Selwyn•50
    @hartselwynSubmitted 7 days ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the fact that I could go through this challenge and build this project despite the fact that I haven't worked on any projects in a while.

    I will be using other frameworks like react, vue, angular, etc to enhance my knowledge of new technologies differently in the coming projects.

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

    I had forgotten how to center a div and get border-radius, but with the help of w3schools I was able to overcome these challenges

    Frontend Mentor | QR code component

    2
    Hussein :)•80
    @DevHusseinPosted 6 days ago

    Please let me know if you have any comments to me! Thanks

    0