Skip to content
OverviewSolutions
41
Comments
22
Carlos Maracara👷👨‍💻
@MaracaraCarlos

All comments

  • Elizabeth Porter•20
    @1819367Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of applying what I've learned and working through the steps to complete this first challenge. Next time, I will give myself a time window to complete the project sooner and to keep the process moving.

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

    I overthink things. I had to start over a few times to arrive at my final solution.

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

    What changes could I make to improve my solution? Are there any areas that I should focus my attention on?

    HTML, CSS, Media Query, Flexbox

    1
    Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello Elizabeth, congratulations on completing the challenge. Some friendly constructive feedback:

    • You can use rem instead of px for the font-size dimensions of this text to adapt better to browsers and devices. I leave a link where you can find more information.Why font-size must NEVER be in pixels
    0
  • JUSTA11•10
    @JUSTA11Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud it didn't take me lot of time to get a similar design

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

    maybe I got some challenges in the small screen screen in the inline margins

    HTML CSS Social links profile

    1
    Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello @JUSTA11, your solution was very similar to the original design, congratulations. Some friendly constructive feedback:

    Marked as helpful
    1
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello David, your solution was very similar to the original design, congratulations.

    Some friendly constructive feedback:

    0
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello Rinel, your solution was very similar to the original design, congratulations.

    Some friendly constructive feedback:

    • You can use rem instead of px for the font-size dimensions of this text to adapt better to browsers and devices. I leave a link where you can deepen the information Why font-size must NEVER be in pixels
    0
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello Camilo, your solution was very similar to the original design, congratulations. Some friendly constructive feedback:

    Marked as helpful
    0
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello Kamal, There are a couple of things you can do to improve your code:

    • You must take care of the proportions so that they are as similar as possible to the design.
    • You can add transitions with the :hover pseudo element so that the button changes color.
    • In the buttons you can place the class cursor: pointer; this will cause every time the mouse cursor passes over your button the hand will appear pointing to the element.
    • To make your HTML semantic you can use <section>, <main>, <header> instead of <div>. Semantic HTML5 Elements Explained
    • You can use rem instead of px for the font-size dimensions of this text to adapt better to browsers and devices. Why font-size must NEVER be in pixels
    0
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello AZ Some friendly constructive feedback:

    • You have to be more attentive to the proportions, the card is oversized.
    • In the button you can place the class cursor: pointer; this will cause every time the mouse cursor passes over your button the hand will appear pointing to the element.
    • You can add transitions with the :hover pseudo element so that the button changes color.
    0
  • HeewonSeo1•80
    @HeewonSeo1Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    Background image was a bit challenging, but I eventually figured it out.

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

    Maybe a more indepth understanding of background images and box shadows. I still need to work on responsive design as well.

    Order Summary Component using CSS Grid and Flexbox

    1
    Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello HeewonSeo1your solution was very similar to the original design, congratulations. Some friendly constructive feedback:

    • In the buttons you can place the class cursor: pointer; this will cause every time the mouse cursor passes over your button the hand will appear pointing to the element.
    • You can use rem instead of px for the font-size dimensions of this text to adapt better to browsers and devices. Why font-size must NEVER be in pixels
    Marked as helpful
    0
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello Ravi, congratulation for complete de challenge. There are a couple of things you can do to improve your code:

    • In the links you can place the class cursor: pointer; this will cause every time the mouse cursor passes over your button the hand will appear pointing to the element. You can also add transitions with the :hover pseudo element
    • To make your HTML semantic you can use <section>, <main>, <header> instead of <div>. Semantic HTML5 Elements Explained
    • You can use rem instead of px for the font-size dimensions of this text to adapt better to browsers and devices. Why font-size must NEVER be in pixels
    Marked as helpful
    0
  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello Karan, your solution was very similar to the original design, congratulations.

    Some friendly constructive feedback:

    Marked as helpful
    1
  • Arnaldo Romero•10
    @ArnaldocloudSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Me siento feliz de haber realizado este reto ya que lo lleve un poco mas alla de html y css me gustaria realizar algo mas complejo, esto es nuevo para mi de pasar diseños a web

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

    me enfrente al desafio de estilarlo con tailwind css lo supere ayudandome con la documentacion y unos videos

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

    en aplicar la mejores practicas para un codigo limpio

    Componente responsive de código QR hecho con tailwind, react

    1
    Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hola Arnaldo felicidades por completar el desafío, aquí te escribo algunas consideraciones para poder mejorar tu código.

    0
  • Gilbert Koomson•260
    @Gilbert-KoomSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud i could center the text using the text align property and center as its value.

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

    I found it hard to center the text but i used flex

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

    Accessibility

    Advice generator app using the Fetch Api

    1
    Carlos Maracara👷👨‍💻•800
    @MaracaraCarlosPosted 5 months ago

    Hello Gilbert there are a couple of things you can do to improve your code:

    • In the buttons you can place the class cursor: pointer; this will cause every time the mouse cursor passes over your button the hand will appear pointing to the element.
    • You can rely on tools like Box Shadow CSS Generator for the shadows on your button.
    • To make your HTML semantic you can use <section>, <main>, <header> instead of <div>. Semantic HTML5 Elements Explained
    • Use rem instead of px for font-size, it adapts better to browsers and devices. I leave this link so you can have more information. Why font-size must NEVER be in pixels
    Marked as helpful
    1