All comments

• 

  Ifedolapo Ajayi•20

  @ifedolapo01Submitted about 1 month ago

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

  Most proud that I learnt how to use clamp() in css.

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

  Changing sizes of different parts of the site and I overcame them by using clamp().

  

  Blog Preview Card using HTML and CSS

  1

  30
  

  BarbarossaNext•20

  @BarbarossaNextPosted about 1 month ago

  You can use the flexbox to layout the footer part as the following

  .footer {
    display: flex;
  }
  
  .author-picture {
    width: 2em;
    height: 2em;
  }
  
  .author-name {
    margin-left: 0.857em;
  }
  

  Also you are not using the font family specified in the design file. You can do that easily using Google Fonts. Just add some link elements to the HTML file:

    <!-- Google fonts: -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap"
      rel="stylesheet">
  

  Then you can reference that font in CSS like

  body {
    font-family: "Figtree", sans-serif;
  }
  

  0
• 

  Xavier O.•80

  @XavOliSubmitted 2 months ago

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

  First time using github, it tooks me a while to find out how to add/remove files and edit

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

  General tips on optimization.

  

  QR code component

  3

  10
  

  BarbarossaNext•20

  @BarbarossaNextPosted 2 months ago

  You should stick with the spaces as specified by the design file. For example, in your solution the space below the bottom text is 50px while it is 40px in the design file. Also it is not recommended to use ID selectors in general. Use class selectors instead.

  0