Frontend Mentor | karthikganesanTR's profile

Latest comments

Vinicio :)•140
@JoseViniciooSubmitted 11 months ago
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
karthikganesanTR•130
@karthikganesanTRPosted 11 months ago
Congratulations on completing the challenge
1
amyrmdhn•20
@amyrmdhnSubmitted 11 months ago
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
karthikganesanTR•130
@karthikganesanTRPosted 11 months ago
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
0
Saidi•70
@Selik254Submitted 11 months ago
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
karthikganesanTR•130
@karthikganesanTRPosted 11 months ago
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
0
Murilo Matt•200
@MuliroMattSubmitted 11 months ago
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
karthikganesanTR•130
@karthikganesanTRPosted 11 months ago
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.
0
konraddissake1808•150
@konraddissake1808Submitted 11 months ago
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
karthikganesanTR•130
@karthikganesanTRPosted 11 months ago
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
0
sridhar0612•60
@sridhar0612Submitted 12 months ago
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
karthikganesanTR•130
@karthikganesanTRPosted 12 months ago
Congratulations on completing this project. Please check whether you are using same family and color as in the design.
0