Skip to content
OverviewSolutions
3
Comments
3
santiagocamposenr
@santiagocamposenr

All comments

  • santiagocamposenr•50
    @santiagocamposenrPosted 4 months ago

    Nice design! The profile image could be closer to the design if you make it bigger.

    0
  • santiagocamposenr•50
    @santiagocamposenrPosted 4 months ago

    Improvements and Recommendations for the Code

    1. @import Optimization

    Using @import to load fonts can slow down the CSS rendering as it blocks the loading process. Instead, include the font link directly in the <head> section of the HTML:

    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Outfit:wght@100..900&display=swap" rel="stylesheet">
    1
  • santiagocamposenr•50
    @santiagocamposenrPosted 4 months ago

    HTML Semantic tags:

    Instead of a <div class=“container”>, consider using the <section> tag or removing the additional container if it is not necessary, since the <main> already functions as the main container.

    CSS Using CSS variables for colors:

    It is a good practice to use variables for colors, which makes them easier to reuse and maintain.

    :root { --background-color: #D5E1EF; --card-color: #ffffffff; --text-color-primary: #1F314F; --text-color-secondary: #68778D; --link-color: hsl(228, 45%, 44%); }

    Marked as helpful
    1