Skip to content
OverviewSolutions
14
Comments
17

Alex Garcia 🦝 Garcialexco

@garcialexcoWestern Slope, CO440 points

Hello! I’m Alex😎 and I love designing websites. 🎨 I aspire to be a front-end developer and will keep going until I get there! 📣 Fun fact about me: I used to be a chef🔪🍖

I’m currently learning...

SASS, Javascript

Latest solutions

View more solutions

Latest comments

  • Alex Garcia 🦝 Garcialexco•440
    @garcialexco

    Hello! Great job completing the challenge! 🔥

    There's a couple parts of your code that I might be able to help with:

    • Great job with the border background, it's super stylish and smooth!
    • Make sure to link the fonts in HTML head. This reduces the critical request depth and speeds up page load time.

    Hope this helps, and keep up the great work! 👍 Happy Coding!

    Marked as helpful
  • Alex Garcia 🦝 Garcialexco•440
    @garcialexco

    Hello! Great job completing the challenge! 🔥

    There's a couple parts of your code that I might be able to help with:

    • Make sure to link your fonts in your HTML head. This will make your page load a bit faster.
    • For CSS resets, I have been using normalize css. Just link it like you would any CSS file, and it resets everything.
    • For responsive reasons, it's best to use rem or em due to their scalability without breaking.

    Hope this helps, and keep up the great work! 👍 Happy Coding!

  • Alex Garcia 🦝 Garcialexco•440
    @garcialexco

    Hello! Great job completing your first challenge! 🔥

    There's a couple parts of your code that I might be able to help with:

    Make sure to use semantic HTML, here's an article in the subject.

    Link your fonts in the HTML head, it makes your page load just a bit faster.

    Try to use classes instead of ID's wherever possible, ID's are reserved for when you are using JS to manipulate an element. Classes are ideal for styling because you are able to reuse them throughout your code.

    Hope this helps, great job again on your first solution and keep up the great work! 👍 Happy Coding!

    Marked as helpful
  • Alex Garcia 🦝 Garcialexco•440
    @garcialexco

    Hello! Great job completing the challenge! 🔥

    There's a couple parts of your code that I might be able to help with:

    Make sure to use semantic HTML tags like the main, section, etc tags. Check out this article on the topic.

    Also, be sure that you link fonts in the HTML head, it helps the page load faster.

    If you are using CSS resets, I'd like to recommend normalize.css.

    One last thing, use rem or em for unit sizes. They are scalable and are responsive on different screen sizes!

    Hope this helps, and keep up the great work! 👍 Happy Coding!

    Marked as helpful
  • Alex Garcia 🦝 Garcialexco•440
    @garcialexco

    Hello! Great job completing the challenge! 🔥

    There's a couple parts of your code that I might be able to help with:

    • I just learned this! You center your elements by using CSS flex:
    min-height: 100vh; 
display: flex; 
justify-content: center; 
align-items: center;
    • It helps to link your fonts in your HTML file then declaring it in your CSS files. This makes your fonts load faster and more efficient!

    Hope this helps, and keep up the great work! 👍 Happy Coding!

    Marked as helpful
  • Alex Garcia 🦝 Garcialexco•440
    @garcialexco

    Hello! Great job completing the challenge! 🔥

    There's a couple parts of your code that I might be able to help with:

    • When you are setting up files for your Sass, it's super convenient to set up folders for your scss and one called dist to export your compiled CSS folders in.

    There is a channel on YouTube called CoderCoder that has a great video about Sass that breaks it down quite a bit!

    Hope this helps, and keep up the great work! 👍 Happy Coding!

    Marked as helpful
View more comments