All comments

• 

  Jason Delgado•40

  @delgado-jasonSubmitted 8 months ago

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

  I am most proud of the fact that I got this project done quickly without compromising the quality.

  One thing i would do differently; for this project I wrote the css initially for the desktop version of the component. I then later went back and changed some of my css rules to make the project look good on all devices.

  In the future, I will try to write my css rules with responsiveness in mind from the get-go. Maybe start with a "mobile-first" codebase.

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

  A few challenges I encountered was:

  • Trying to decide if I should import the google font through the HTML file or the CSS file.
  • Ways to get exact measurements in the Figma app

  For the google font, I just chose to put it in a link attribute on the index.html page. (note to self: I need to look more into doing it the CSS route. It seems more efficient this way.)

  As far as the Figma app goes, a lot of the measurements were there, I just had to do some digging. I resolved issues finding margin and padding measurements by sizing up a square and reading the measurements that way.. Seems inefficient, but it works.

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

  I wouldn't mind other people sharing what method they prefer to import fonts with. I also wouldn't mind finding out more efficient ways to get measurements in the Figma app besides sizing up squares and using the ruler.

  

  For this challenge, I used flexbox and natural responsiveness

  3

  40
  

  Jason Delgado•40

  @delgado-jasonPosted 8 months ago

  Hey Grace. Thank you for pointing all that out to me. I didn't realize what I was ignoring by just focusing on the design side of things.

  Your comment on the semantic html and classes make perfect sense, and I will update the program to reflect that.

  With the h3 element, I was looking at the design from an html tag point of view, and the h3 element seemed fitting to me. Still does.

  Also, I will get out of the bad habit of assigning px to font-size and use rem's instead. Thank you for your valuable insight. I really appreciate it.

  0
• 

  6xg0d•190

  @6xg0dSubmitted 8 months ago

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

  I'm proud that i spend most of my time with the CSS instead of HTML, i was way more comfortable to think the structure just by looking at the example.

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

  One of the main problems that i had was positionating elements exactly where i want. Especially the space between the footer and the resume paragraph. I did think in a way to put the footer 24px away from the bottom using the row-gap property. Even when the space isn't exactly the same that the one in the design, i'm still pretty happy with the results, and looking forward to improve the code in the future.

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

  I want to know more about in which cases use margin or padding (even knowing the definitions in the practice in some cases i'm a little indecisive about which one should i use). Also, would like to know how to improve the CSS code and reduce the amount of lines or selectors to create the same results with the minimum amount of code possible

  

  Blog Preview Card Challenge Solution

  2

  30
  

  Jason Delgado•40

  @delgado-jasonPosted 8 months ago

  Great job! I really like your semantic code layout. It makes sense. I was struggling to figure out which tags were appropriate.

  When to use margin vs padding can be subjective at times. It took me a while to figure that out. Generally though, imagine you have a box with text in it. The box has a border. Everything on the "outside" of the box is affected with margin. Padding affects everything around your text inside the box.

  Hope this helps.

  Marked as helpful

  1
• 

  MariaDoesCoding•130

  @MariaDoesCodingSubmitted 8 months ago

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

  I'm proud that I was able to get the card right, since I had troubles with it

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

  I had troubles with centering the div, but I quickly overcame them

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

  m

  

  QR Code Component Solution

  1

  30
  

  Jason Delgado•40

  @delgado-jasonPosted 8 months ago

  Great job! only things I see that I would change are:

  • Using semantic html
  • Pretty sure the "Outfit" font family is a serif.

  Other than that, I think your code is well structured, and the output looks great.

  0

  This comment has received 1 replyShow