Josianne Maria de Freitas

Latest comments

• 

  Michele•30

  @XbiteXSubmitted 3 months ago

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

  i don't know if that's the most effective way to use import a font family

  @font-face {
      font-family: 'Outfit'; 
      src: url('./fonts/Outfit-VariableFont_wght.ttf') format('truetype');
  }
  

  next time i would use an URL to import the font

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

  that's my first time i was serious designing a page so i tried to be as "standard" as possible, in the sense that i tried to use specific class name such as ".container" and not just random name, but i feel i didn't follow every conventions and for some of you this stylesheet may seems not clean. for instance:

  container img{
      border-radius: 8px;
      max-width: 100%;
      height: auto;
  }
  

  is that the right way to fit an image inside a container?

  .container p{
      font-size:15px;
      font-weight: 400;
  }
  

  should i use pixel or other metrics(em, rem...) for the font-size? which one is more professional?

  

  QR code with flex -box

  2

  30
  

  Josianne Maria de Freitas•10

  @josiannefreitasPosted 3 months ago

  For metrics, it is recommended to use 'rem' for responsiveness issues. It can blend in with the users' settings and provide a suitable result for each user.

  0
• 

  Mdhenderson14•100

  @Mdhenderson14Submitted 3 months ago

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

  I am most proud of simply having a plan to style the html from the "outside-in" and setting rules for the entire doc at the beginning. This allowed me to really flow into the work and start solving problems faster.

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

  1. Not linking my CSS correctly at first, really hindered my momentum, but once I realized the issue the project seemed to flow much more smoothly.

  2. Flexbox v. Grid: I used a flexbox because I am most comfortable with it, but hope to get more practice using the grid soon.

  3. I still have trouble knowing how to customize the margin and padding to my preferences. I'm still not sure that the ones present in the project are accurate as they seemed to correct themselves when I added the media queries.

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

  Not an area of the project specifically, but I would like help understanding when to use certain units of measurement (px v. rem v. %). Though rem seems to be the way to go for responsive design, I would prefer to have a better grasp of use cases for each.

  

  Responsive QR Code Component

  2

  30
  

  Josianne Maria de Freitas•10

  @josiannefreitasPosted 3 months ago

  As for what you said about margin and padding, I like to set the CSS like this first in every project I code (it helps me make everything work correctly the way I want it to):

  :root { margin: 0, padding: 0, box-sizing: border-box }

  I hope this will help you.

  0