Skip to content
OverviewSolutions
8
Comments
10

karthickg24

@karthickg24130 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

  • Vinicio :)•140
    @JoseVinicioo
    What are you most proud of, and what would you do differently next time?

    Consegui concluir o desafio, apear das dificuldades.

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

    Bastante desafio para organizar cada caixa de conteúdo, pois me vi na necessidade de criar varias divs.

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

    Sei que minha solução não foi uma das melhores possíveis, gostaria de ajuda em alguns pontos como exemplo, como deixar o código menor, sem a necessidade de criar tantas divs.

    Pagina responsiva para celular e desktop, usando box flex.

    1
    karthickg24•130
    @karthickg24

    Congratulations on completing the challenge

  • amyrmdhn•20
    @amyrmdhn
    What are you most proud of, and what would you do differently next time?

    The most proud thing is that I did this by myself.

    Today is Day 10 of #100DaysOfCode. I decided to take on another amazing challenge available on the Frontend Mentor platform. Perhaps after this, I'll continue my course on Udemy first to proceed to the next part of becoming a web developer.

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

    Many challenges I faced this time, even with things I've learned in the basic HTML and CSS section. However, it's really enjoyable because it turns out the soft skills of reading documentation and googling taught in the course are also very useful for overcoming the challenges I faced.

    Moreover, the Frontend Mentor platform community is very friendly to beginners. I've read many useful tips and tricks provided by seniors in this community in the comment section.

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

    For now, perhaps it's in the CSS part with @font-face. Are the @font-face CSS rules I made correct? I would greatly appreciate it if someone would be willing to explain.

    Social links profile using HTML and CSS Basic

    2
    karthickg24•130
    @karthickg24

    Congratulations on completing this challenge. Few suggestions that will be helpful for your upcoming challenges

    • SEMANTIC HTML: I see you used Semantic HTML. But it will be misleading for screen readers when article containing main footer. Check out it MDN docs -Document
  • Saidi•70
    @Selik254
    What are you most proud of, and what would you do differently next time?

    USING FLEXBOX ON THE CONTAINER

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

    APPLYING THE DARK GREY COLOR TO THE BUTTONS.

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

    FLEXBOX AND COLOR PROPERTIES.

    Made the website using HTML, CSS flexbox

    #accessibility
    3
    karthickg24•130
    @karthickg24

    Congratulations on completing this challenge. Few Suggestions on your solutions that will be helpful for you in your upcoming projects.

    • Try to USE semantic HTML that improves your site accessibility
    • Regarding Avatar image, alt tag should have more meaning message like Avatar Image of Jessica Randall
    • Regarding Flexbox u can check out this POST from josh - Interactive Guide to Flexbox
  • Murilo Matt•200
    @MuliroMatt
    What are you most proud of, and what would you do differently next time?

    This page is the one that I put the most effort into make it responsive, and, It's not the first time I've used a grid, but I've never created anything quite like this with it.

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

    It was difficult to position the cards where they were supposed to be, but I learned how to use grid-row and solved the issue.

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

    I'm open to any suggestions.

    Four Card Feature Section Main using SASS

    #sass/scss
    2
    karthickg24•130
    @karthickg24

    Congratulations on completing the challenge. I have one suggestion.

    You correctly used BEM classes in your HTML. In CSS, you no need to use descedant selectors .delivery .delivery__cards .delivery__card instead use delivery_card. This line defeats the purpose of using BEM And also styles always cascade in an element.

  • konraddissake1808•150
    @konraddissake1808
    What are you most proud of, and what would you do differently next time?

    Being a non css grid usual, it was fun to experiment with it after a while of not using it. And it turned out okay-ish.

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

    The spacing between the grid areas gave me a hard time. I used the grid-gap property and the content kept overflowing the grid container. Using percentages and fine tuning helped achieve sort of the desired result.

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

    Have a better understanding of all of the css grid good practices.

    Responsive four card feature section using css grid

    1
    karthickg24•130
    @karthickg24

    Congratulations on completing the challenge. Few suggestions on your solutions

    • Try to use sematic HTML and site will be more accessible via screen readers
    • There is additional space created for p tags in the html. try to use css-resets, you can have better control in spacing elements.
    Marked as helpful
  • sridhar0612•60
    @sridhar0612
    What are you most proud of, and what would you do differently next time?

    helps to learn media queries

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

    media queries and layout

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

    reponsiveness

    flex and media queries

    2
    karthickg24•130
    @karthickg24

    Congratulations on completing this project. Please check whether you are using same family and color as in the design.

View more comments