Skip to content
OverviewSolutions
7
Comments
6
Michael-Alans
@Michael-Alans

All comments

  • Michael-Alans•130
    @Michael-AlansPosted 14 days ago

    use semantic HTML while coding, It helps browsers to load your site very well. For instance, you should use <header> element for the caption.

    <header> <h2>Reliable, efficient delivery</h2> <h2>Powered by Technology</h2> <p>Our Artificial Intelligence powered tools use millions of project data points to ensure that your project is successful</p> </header>

    Also use CSS variable to declare all the colors for your project first.

    :root { --Red: hsl(0, 78%, 62%); --Cyan: hsl(180, 62%, 55%); --Orange: hsl(34, 97%, 64%); --Blue: hsl(212, 86%, 64%); --VeryDarkBlue: hsl(234, 12%, 34%); --GrayishBlue: hsl(229, 6%, 66%); --VeryLightGray: hsl(0, 0%, 98%); }

    Marked as helpful
    0
  • Michael-Alans•130
    @Michael-AlansPosted 23 days ago

    The layout looks good on mobile screen sizes which is a great one. Also the use of semantic HTML like main and footer.

    0
  • Michael-Alans•130
    @Michael-AlansPosted 27 days ago
    1. It doesn't scale well in mobile screens, so try using responsive layouts. Setting a max-width for the container(main).
    2. Use media queries for the image to become of full width on smaller screens.
    0
  • Chidinma Oparah•90
    @Nma01Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    The use of media query.

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

    Getting the media sizes right.

    Responsive social links profile

    1
    Michael-Alans•130
    @Michael-AlansPosted about 1 month ago

    I encountered the challenge of getting the image in a circled form but I overcame it by setting the border-radius of the image to 50%.

    Marked as helpful
    0
  • Michael-Alans•130
    @Michael-AlansPosted about 1 month ago

    The use of flex container in the whole body of the page is a great one and the use of justify content set to center together with align-items set to center.

    1
  • Leonardo•10
    @lndrumondSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Fiz todo projeto sozinho busquei ajuda e pesquisas só quando eu realmente fiquei sem ideias ou não conhecia certos comandos e para que servia.

    Procurar anotar direito tudo passo a passo, pois depois de uns dias que fiz e precisei ficar off percebi que não tinha comentários e anotações o bastante para entender tudo.

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

    Desafio que enfrentei foi a centralização da div e section, um pouco confuso fiz algumas voltas e superei pesquisando jeitos de centralizar corretamente.

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

    Como estou na fase inicial do aprendizado, então em todas as partes ajuda é bem vinda.

    QR Code Page HTML, CSS

    1
    Michael-Alans•130
    @Michael-AlansPosted about 1 month ago

    it doesn't resize very well in mobile view. Next time, set a container for the whole elements and give it a single max-width. By doing so all the elements will respond well in mobile views. You can as well check mine.

    Marked as helpful
    0