Skip to content
OverviewSolutions
31
Comments
41

Gautam Sarkar

@gautam32b7Varanasi, Uttar Pradesh850 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Gautam Sarkar•850
    @gautam32b7

    Hey there!

    If you want to create a round image, always ensure that the width and height are the same dimensions with a border radius of 50%.

    img {
width: 100px
height: 100px
border-radius: 50%
}
  • Osama Bhaa•200
    @OsamaPhaaldawla
    What challenges did you encounter, and how did you overcome them?

    js validation was pretty dificult but i after i learn rugular expression it was simple to handle with

    Contact Form with client side validation

    #sass/scss#accessibility
    1
    Gautam Sarkar•850
    @gautam32b7

    You should put the background colour to the body element.

  • Gautam Sarkar•850
    @gautam32b7

    Hi there!

    I appreciate your effort in completing the challenge. Apply a spinner is creative. However, the image path is wrong. I suggest you put all the images in a folder called images. Also, explore the picture tag in HTML.

    Happy coding

    Marked as helpful
  • tucecifci•150
    @tucecifci
    What are you most proud of, and what would you do differently next time?

    Here are some potential improvements that could be made to the application:

    Styling: Add CSS to improve the visual appearance of the app. Loading Indicator: Display a loading indicator while the advice is being fetched. Error Messages: Show user-friendly error messages on the UI instead of just logging them to the console.

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

    Understanding the Fetch API: Challenge: As a beginner, understanding how to use the Fetch API to make network requests and handle responses was initially challenging.

    Handling Asynchronous Operations: Challenge: Working with asynchronous operations in JavaScript can be tricky, especially when dealing with promises and asynchronous functions.

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

    While the basic functionality of the Advice Generator app is working well, there are several areas where I could use some assistance to improve and enhance the project: User-Friendly Error Messages: Help Needed: Currently, errors are logged to the console. I would like to implement user-friendly error messages that are displayed on the UI when something goes wrong (e.g., network issues). Details: Guidance on best practices for error handling in JavaScript and how to display error messages in a way that does not disrupt the user experience would be beneficial.

    Advice Generator App

    1
    Gautam Sarkar•850
    @gautam32b7

    Hi there!

    I appreciate your effort in completing the challenge. However, I would suggest you study my solution.

    Github link: https://github.com/gautam3333/advice-generator

  • Akila•70
    @Akila1199
    What are you most proud of, and what would you do differently next time?

    I have used HTML, CSS and Bootstrap for this. I felt I could do this fewer styles and tags. Also I would like to write a l cleaner code next time.

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

    I have some difficulties while making the active state. I have referred some resource online and make it work. By this I have learned some new things.

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

    Do I need to change anything in my style of writing code? Any suggestion to write a cleaner code?

    Blog preview card using HTML and CSS

    #bootstrap
    1
    Gautam Sarkar•850
    @gautam32b7

    Hi there

    You could study my solution. Here is the link: GitHub

  • Gautam Sarkar•850
    @gautam32b7

    Hi Natalla

    Nice job. It is a good practice to add some line-height to a text. The line-height property specifies the height of a line. Negative values are not allowed.

    Example

    p {
    line-height: 1.5;
}
    Marked as helpful
View more comments