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

All comments

  • P
    Hussein :)•180
    @DevHussein

    Good job!

  • P
    Hussein :)•180
    @DevHussein

    Good job! My commments: 1- the padding and margins 2- the image size and border 3- the mouse pointer cursor 4- the card sizes

  • P
    Toba•310
    @tobaojo
    What are you most proud of, and what would you do differently next time?

    Using TailwindCSS to create the designs

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

    Had some issues with styling but after trial and error got there in the end.

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

    Any insight with border colours when the 'error' occurs.

    And also with the image, there is a very strange bug where the mobile image will render instead of the desktop version and vice versa sporadically.

    Newsletter signup created with HTML, Tailwindcss and JS

    #tailwind-css
    2
    P
    Hussein :)•180
    @DevHussein

    Good job! I have the followings comments: 1- The image size not match. 2- The font sizes. 3- The padding and margins.

  • P
    Hussein :)•180
    @DevHussein

    Good job! but the followings need to be reflected as per the design: 1- The font 2- The image placement. 3- The card radius.

  • P
    Bruna Gonçalves•270
    @brunagoncalves
    What are you most proud of, and what would you do differently next time?

    I'm proud to have completed the challenge.

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

    Responsiveness of images for different device dimensions, and being able to adjust some bugs in the layout.

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

    Any constructive comments are welcome!

    Meet landing page solution

    1
    P
    Hussein :)•180
    @DevHussein

    Good job!

  • P
    Hussein :)•180
    @DevHussein

    Good Job! But I think you didn't follow the same fonts and spaces.

  • P
    Hussein :)•180
    @DevHussein

    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

  • P
    Hussein :)•180
    @DevHussein

    Hi, Good work!

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

  • Lauren Delmar•100
    @lrdelmar
    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
    P
    Hussein :)•180
    @DevHussein

    Good job!

  • P
    Hussein :)•180
    @DevHussein

    Good job!

    Marked as helpful
  • Juan Diego Sastre Moreno•80
    @DIegoDevcode
    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
    P
    Hussein :)•180
    @DevHussein

    Good job! You are missing the padding, borders!

  • Hart Selwyn•120
    @hartselwyn
    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
    P
    Hussein :)•180
    @DevHussein

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