All comments

• 

  Ben•770

  @BenConfigSubmitted 7 months ago

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

  I was able to style the different types of list elements while maintaining the HTML structure I wanted. I'm not sure I would do anything differently unless there is a better way to structure the HTML with regards to accessibility.

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

  Expanding on what I said in the last question, it was challening to style the list elements to match the design. I focused primarily on the HTML structure and ended up using different types of list elements and I had to style each one slightly. I think I even used float a couple of times, lol.

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

  I think the main point of this project is about HTML structure, so if you think I could have done it in a better way, please let me know. I did put some thought into it though, so I have my reasons for structuring it the way I did.

  

  Recipe Page (HTML, CSS)

  1

  60
  

  Sara-Mousa•60

  @HsasasbhgfPosted 11 days ago

  awesome

  0
• 

  Abigirl Muchineripi•30

  @AbigirlMuchineripiSubmitted 15 days ago

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

  I gained more confidence on using figma and was able to measure each section's padding and margin in Figma and implement it in the design. Next time I want to know how to use css boilerplate.

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

  n/a

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

  n/a

  

  Social Links Profile

  1

  50
  

  Sara-Mousa•60

  @HsasasbhgfPosted 15 days ago

  absolutely clean , Mashallah , Keep going.

  0

  This comment has received 1 replyShow
• 

  P

  Lee•495

  @leecockcroftSubmitted 15 days ago

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

  Not practiced CSS for a while, so I wanted to gain some practice

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

  Even with figma, I still feel this was slightly out. Any reasons why?

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

  The layout why is this slighlty smaller when the padding is the same on figma

  

  Flex Box

  3

  30
  

  Sara-Mousa•60

  @HsasasbhgfPosted 15 days ago

  it is awesome, try to get Prettier extension in your vs , just to clean your html page , and another thing in css , try to put box-size to border box , search about it its really useful.

  0
• 

  P

  Kiara523•100

  @Kiara523Submitted 15 days ago

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

  It is only my third project ever, I can see how much I've learned about every single step of the project, from planning to deploy and using git.

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

  I wanted to improve the mobile version. To prevent the page scrolling underneath the UI I've used svh units(small viewport height) for the first time and it worked. I found this tip on the Webflow youtube channel.

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

  I would to improve the media queries breakpoints. What I normally do is to set the breakpoint based on what I think looks better when I resize the page with the Devtool. I'd like to know if there is a better way of doing this, any reference guide or something like it?

  

  social links profile Semantic HTML and CSS Flexbox

  1

  30
  

  Sara-Mousa•60

  @HsasasbhgfPosted 15 days ago

  It amazing , I think mine needs some height, but yours is perfect mashallah.

  0
• 

  Jus090•40

  @Jus090Submitted 21 days ago

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

  i am proud of doing the project according to the desired specification

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

  i encountered challenges due to the figma not been in the developer mode for usage

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

  i would like to help with the box propieties such as flex box , grid , padding e.t.c

  

  Blog Card

  2

  30
  

  Sara-Mousa•60

  @HsasasbhgfPosted 16 days ago

  It is awesome . I notice that you don't use semantic tags , try them they will make your code easier , also try to focus with class naming this will arrange your code and make it readable for other developers.

  0
• 

  Ye-Won Seo•110

  @yaywonahSubmitted 17 days ago

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

  I learned a few new things with this project, such as how to change the img when viewed via desktop or mobile, and also learned how to eyeball sizes through Adobe Photoshop, since I didn't have the Figma design file. I'd follow the challenges for next time and try to use SASS to compile my CSS, and also try to record the amount of time it took to finish this project.

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

  I worked on this project without the help of the Figma design file, so the sizing probably isn't exact. I had most trouble with figuring out how to make the img responsive, but I managed to solve it through CSS instead of using an img tag in the html file.

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

  I keep getting a small amount of white space between the bottom of the img and the end of the product card when viewed via desktop. I'd like to know how others went about planning the height of their product card, and if they used px or a more responsive unit of measurement.

  

  Product Preview Card

  1

  40
  

  Sara-Mousa•60

  @HsasasbhgfPosted 17 days ago

  It is awesome. Keep going.

  1
• 

  Pad X•70

  @PadX50Submitted 6 months ago

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

  I'm so proud of building another project.

  

  QR code component

  1

  50
  

  Sara-Mousa•60

  @HsasasbhgfPosted 18 days ago

  I tried to use semantic HTML, but I forgot about the line below the card.

  0