All comments

• 

  nanikore0•100

  @nanikore0Submitted 6 months ago

  What are you most proud of, and what would you do differently next time?

  Getting the project done using semantic HTML elements.

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

  Styling unordered lists, table and page margin.

  1. For the unordered lists I used a combination of grid and flexbox to separate the list bullet from the text.

  2. As for the table I used border-collapse: collapse; otherwise tr creates no single block.

  3. When first styling the page margin I wanted the top margin to grow based on the device width for desktop users, but it can't be too big. At first I used a "fake" margin with divs at the top/bottom of the document to make use of the max-height property in CSS. But later I styled the page margin using padding: min(calc((100svw - 736px) / 2), 8rem); to the document body. The min function takes the first value separated by a comma as the preferred value and the second as the maximum value.

  Useful resources:

  1. "how to align marker to center of the image lists HTML" on stackoverflow
  2. "Why TR not taking style?" on stackoverflow
  3. "Can we define min-margin and max-margin, max-padding and min-padding in css?" on stackoverflow

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

  I would like to know if my code follow best practices. This could be anything from code quality to accessibility. I'm open to feedbacks!

  

  Omelette Recipe Page Challenge

  2

  50
  

  Emmanuel Quarshie Agblego•40

  @Emmanuel-QPosted 6 months ago

  You did well @nanikore0, I could see you did a lot of research to get the solution working which is one of the best skills for developers.

  Keep it up.

  1
• 

  Techgirltega•100

  @TegaetinaSubmitted 6 months ago

  What are you most proud of, and what would you do differently next time?

  Got the job done.

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

  None.

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

  None.

  

  Social Link Profile Using Html and CSS

  1

  20
  

  Emmanuel Quarshie Agblego•40

  @Emmanuel-QPosted 6 months ago

  Hello @Tegaetina, you did a good job especially by being able to produce this solution without the figma files to get the dimensions and the other details.

  However, your image is not showing, I believe when you get the image to show, it should as well resolve the size of the card. In all, you did well.

  0
• 

  Techgirltega•100

  @TegaetinaSubmitted 6 months ago

  What are you most proud of, and what would you do differently next time?

  I'm proud I completed the Second Challenge.

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

  None.

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

  None for now.

  

  Blog Preview Card Using HTML And CSS

  1

  50
  

  Emmanuel Quarshie Agblego•40

  @Emmanuel-QPosted 6 months ago

  Hello Techgirltega, You did great in this challenge. You were able to get your solution close to the design. You also have eye for details. In all, good work done.

  0
• 

  kabir lamin•20

  @kabmanSubmitted 7 months ago

  What are you most proud of, and what would you do differently next time?

  use sass preprocessor

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

  learnt border-box

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

  none

  

  basic html and css,used google fonts as specified in the style guide.m

  1

  30
  

  Emmanuel Quarshie Agblego•40

  @Emmanuel-QPosted 7 months ago

  I think everything looks good. The only difference is the size of the components.

  0