All comments

• 

  P

  andiaz•150

  @andiazSubmitted 7 months ago

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

  I think in general achieving a quite responsive page with usage of flexbox and CSS. It felt good that I could go through this challenge section by section, styling each section and each item, while still feeling that I was in control of what was happening.

  It also felt good to explore CSS variables a bit to try to make a more "theme"-like structure for the CSS, to make it easier to use the same spacing, colors etc across the page. Still torn whether it makes things easier to read, but at least it makes it easier to replace any styles in the future :)

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

  In general I struggled with the styling of the list items, and the paddings for these. I finally managed to get a solution for it but it still feels a bit "hacky".

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

  Well, feedback in particular on semantic HTML, as well as any additional best practices that I should follow for HTML and CSS that I might have missed. :)

  

  Recipe page

  1

  30
  

  florinbejgu•40

  @florinbejguPosted 7 months ago

  Wow, well done, this looks great! It looks like you are experienced in doing this.

  1

  This comment has received 1 replyShow
• 

  htvcez•10

  @htvcezSubmitted 7 months ago

  

  Social link

  1

  30
  

  florinbejgu•40

  @florinbejguPosted 7 months ago

  This looks great to my eyes, the only thing that I could spot is the mouse pointer which should be black. Since you cannot color it you should use an image.

  This is the code I used: /* Custom cursor from https://icons8.com/icon/set/hand-pointer/group-ui */ cursor: url("assets/images/icons8-finger-up-25.png"), auto;

  0
• 

  SrkiMax•50

  @SrkiMaxSubmitted 7 months ago

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

  I am proud of learning something new every day. Today I learned a new way of centering the element. I usually use flexbox, but this time I tried a different approach, using the code bellow:

  div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

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

  I was looking for a way to add some style to the parent div .container (make a bigger shadow) while hovering over a child element (h1 with text HTML & CSS foundations). If someone who is a beginner like me needs it, it is done by using this code on parent and child:

  div.parent {
  pointer-events: none; }

  div.child { pointer-events: auto; }

  div.parent:hover { background: yellow; }

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

  I appreciate every feedback you think would help me improve my design.

  

  Challenge2 Blog Preview Card

  2

  30
  

  florinbejgu•40

  @florinbejguPosted 7 months ago

  Your solution is great, I didn't realise the shadow of the box changes when hover, I need to update mine to do this :)

  0
• 

  Gideon Akpan•150

  @gideonakpanSubmitted 7 months ago

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

  Write CSS code again after a long time.

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

  Trying to make my card responsive.

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

  More challenges

  

  QR code component

  2

  20
  

  florinbejgu•40

  @florinbejguPosted 7 months ago

  The solution diverges from the design in the fact that it is responsive and at certain sizes it looks strange (at 1020px width is wider than at 1030px). The heading colour is also different.

  0