In terms of semantics could this be written better? also is an anchor tag inside a H2 the best way to make the "link" accessible for someone only using a keyboard? I could find online this was one way to be able to put a focus state on the title but not sure it's the best way
would like feedback on html structure and css decisions..what could I improve also did I miss anything from the figma design file?
Using variable in fonts.
What challenges did you encounter, and how did you overcome them?My biggest difficulty was achieving correct behavior of the image located in the header container
What specific areas of your project would you like help with?I believe that you always have to practice and improve layout in HTML and CSS.
CSS feedback :
Great use of root for colors... could have put the font styles also at the root . Also note the varying font sizes should be 14px,16px and 24px
The author name is a bit off (down from the avatar). The section could be made a flex and then justified and aligned to center :)
Completing the challenge. It was difficult for me as its been a long time since I worked on with just HTML and CSS.
What challenges did you encounter, and how did you overcome them?Setting up the initial container to set the component in center.
What specific areas of your project would you like help with?Quality of Code.
CSS Feedback
consider putting a fallback font (sans-serif) for - font-family: "Outfit";
It looks like you've taken F2F2F2 (the background page color in figma) for the background color. This should be the color in the style guide: hsl(212,45%,89%); I would also maybe feedback to give "first-text" and "second-text" a more descriptive name like "heading" or "body-text" etc :)
