What issues are you encountering with tables and markers? The main problem I notice is with paddings/margins and possibly some sizes. For example, the main title seems smaller in your solution —at least based on a comparison with the solution design.
What are you most proud of, and what would you do differently next time?
I am particularly proud of having implemented a mobile-first approach to manage the responsiveness of the site. This allowed me to ensure a good user experience on mobile while remaining flexible for desktop versions. In addition, the management of hover and focus states for interactive elements proved to be fluid and accessible.
What challenges did you encounter, and how did you overcome them?
One of the biggest challenges I faced was managing the Inter variable font. Integrating a variable font and ensuring it worked correctly across browsers required me to understand how the font's variation axes (like weight and slant) worked. After doing some research and testing different approaches, I decided to use the static version of the font to ensure maximum compatibility.
Good job! However, it seems that something is either oversized or undersized. From what I can see, the main heading (Jessica Randall) seems to be the issue, but there may also be other elements, such as padding, that need adjustment.
I think you are on the right track! Just a few recommends that can help you improve:
Use SASS/SCSS instead of CSS – SASS is a preprocessor scripting language that extends the capabilities of CSS.(source) However, browsers can't understand SASS directly, so it needs to be compiled into CSS.(source) One benefit of using SASS is that you can organize your code better, such as by grouping all article-related styles into a common wrapper.
Enhance your semantic HTML – I’ve noticed that you're already using some semantic elements like <section> and <article>. However, here are a few additional recommendations:
What are you most proud of, and what would you do differently next time?
I'm excited to have moved out the basics. While this project wasn't overly challenging, I'm proud of my growth as a developer, learning to rely on documentation and problem-solving skills though I know I can do it better, use better naming of classes or when structuring the html.
What challenges did you encounter, and how did you overcome them?
I know most of the HTML tags but stills quite difficult when it comes to structure...What's the better way? this should go here or there? How should I name this class?
What specific areas of your project would you like help with?
I like the way you structure your website using HTML code. My suggestion for your future work is to think of your code as a collection of smaller parts. In other words, try to understand the connections between elements. This approach can be really helpful in the future when you use frameworks like React, Vue, or Angular. Simplifying your code can improve reusability and optimization, as well as make it easier to manipulate.