Sumanth Chandana

@sumanth-chandana720 points

I'm an active self-learner and would appreciate your connection to achieve goals on both sides. Thank you in advance.

Latest solutions

Fylo Data storage component using Flexbox
#accessibility
Sumanth Chandana•720
Submitted about 2 years ago
0 comments
Responsive Huddle landing page with alternating feature blocks
Sumanth Chandana•720
Submitted about 2 years ago
1 comment
huddle-product-landing-page without curved sections
Sumanth Chandana•720
Submitted about 2 years ago
0 comments
Responsive grid section layout using CSS grid
Sumanth Chandana•720
Submitted about 2 years ago
0 comments
Responsive social-preview-card using flexbox
Sumanth Chandana•720
Submitted about 2 years ago
0 comments
grid-card-component using html and css
Sumanth Chandana•720
Submitted about 2 years ago
0 comments

View more solutions

Latest comments

Blagoj•130
@Bagataa
Submitted about 2 years ago
Responsive Testimonials Grid Section
1
Sumanth Chandana•720
@sumanth-chandana
Posted about 2 years ago
Hi mate!, congrats🎉 on completing the challenge. Better take care about following points.
- Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings.
- For proper centering the container(whole card) vertically and horizontally you can also use the following simple block of code use code:
```
body{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
or
```
body { min-height: 100vh; display: grid; place-content: center; }
```
- You will find an About Section on the right when we open the GitHub repository link. There, also include a live preview link of your project. Someone should check your live project while interacting with code.

**I hope you will find this Feedback Helpful.**
```
Ricky Reza•40
@rickyreza12
Submitted about 2 years ago
Result Summary Component using Tailwind CSS
#tailwind-css
2
Sumanth Chandana•720
@sumanth-chandana
Posted about 2 years ago
Hi mate!, congrats🎉 on completing the challenge. Better take care about following points.
- You don't have to use srcset in the img tag while already using src property.
- Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings.
- Use the alt (alternate text) attribute as mentioned in your Accessibility Report. alt attribute is used for Screen readers applications.
- Why does alt attribute matter? Read here.
- To avoid accessibility issues "All page content should be contained by landmarks" use code as :
```
 <body>
    <main>
        ---your code here----
    </main>
  <footer>
  </footer>
</body>
```
(why does <main> matter? Read here )
- For proper centering the container(whole card) vertically and horizontally you can also use the following simple block of code use code:
```
body{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
or
```
body { min-height: 100vh; display: grid; place-content: center; }
```
- When we open the GitHub repository link, you will find an About Section on the right side. There, also include a live preview link of your project. It is better for someone to check your live project while interacting with code.

**I hope you will find this Feedback Helpful.**
```
Marked as helpful
StinkyCodeMACHINE•480
@StinkyCodeMACHINE
Submitted about 2 years ago
Product preview card component
2
Sumanth Chandana•720
@sumanth-chandana
Posted about 2 years ago
Hi mate!, congrats🎉 on completing the challenge. Better take care about following points.
- Copy the font URL from google fonts correctly and replace the font's link to solve the error.
- Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings.
- Use the alt (alternate text) attribute as mentioned in your Accessibility Report. alt attribute is used for Screen readers applications.
- Why does alt attribute matter? Read here.
- To avoid accessibility issues "All page content should be contained by landmarks" use code as :
```
 <body>
    <main>
        ---your code here----
    </main>
  <footer>
  </footer>
</body>
```
(why does <main> matter? Read here )
- For proper centering the container(whole card) vertically and horizontally you can also use the following simple block of code use code:
```
body{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
or
```
body { min-height: 100vh; display: grid; place-content: center; }
```
- When we open the GitHub repository link, you will find an About Section on the right side. There, also include a live preview link of your project. It is better for someone to check your live project while interacting with code.

**I hope you will find this Feedback Helpful.**
```
Marked as helpful
Raul-madero•110
@Raul-madero
Submitted about 2 years ago
Responsive summary
2
Sumanth Chandana•720
@sumanth-chandana
Posted about 2 years ago
Hi mate!, congrats🎉 on completing the challenge. Better take care about following points.
- Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings.
- Use the alt (alternate text) attribute as mentioned in your Accessibility Report. alt attribute is used for Screen readers applications.
- Why does alt attribute matter? Read here.
- To avoid accessibility issues "All page content should be contained by landmarks" use code as :
```
 <body>
    <main>
        ---your code here----
    </main>
  <footer>
  </footer>
</body>
```
(why does <main> matter? Read here )
- For proper centering the container(whole card) vertically and horizontally you can also use the following simple block of code use code:
```
body{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
or
```
body { min-height: 100vh; display: grid; place-content: center; }
```
- When we open the GitHub repository link, you will find an About Section on the right side. There, also include a live preview link of your project. It is better for someone to check your live project while interacting with code.

**I hope you will find this Feedback Helpful.**
```
Marked as helpful
Taylor Kennedy•30
@tayken05
Submitted about 2 years ago
A responsive Profile section page made for all devices with HTML, CSS
#accessibility#sass/scss#bem
1
Sumanth Chandana•720
@sumanth-chandana
Posted about 2 years ago
Hi mate!, congrats🎉 on completing the challenge. Better take care about following points.
- Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings.
- Use the alt (alternate text) attribute as mentioned in your Accessibility Report. alt attribute is used for Screen readers applications.
- Why does alt attribute matter? Read here.
- To avoid accessibility issues "All page content should be contained by landmarks" use code as :
```
 <body>
    <main>
        ---your code here----
    </main>
  <footer>
  </footer>
</body>
```
(why does <main> matter? Read here )
- For proper centering the container(whole card) vertically and horizontally you can also use the following simple block of code use code:
```
body{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
or
```
body { min-height: 100vh; display: grid; place-content: center; }
```
- When we open the GitHub repository link, you will find an About Section on the right side. There, also include a live preview link of your project. It is better for someone to check your live project while interacting with code.

**I hope you will find this Feedback Helpful.**
```
Marked as helpful
mylesh•90
@myles-portfolio
Submitted about 2 years ago
Order summary component
1
Sumanth Chandana•720
@sumanth-chandana
Posted about 2 years ago
Hi mate!, congrats🎉 on completing the challenge. Better take care about following points.
- Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings.
- Use the alt (alternate text) attribute as mentioned in your Accessibility Report. alt attribute is used for Screen readers applications.
- Why does alt attribute matter? Read here.
- To avoid accessibility issues "All page content should be contained by landmarks" use code as :
```
 <body>
    <main>
        ---your code here----
    </main>
  <footer>
  </footer>
</body>
```
(why does <main> matter? Read here )
- For proper centering the container(whole card) vertically and horizontally you can also use the following simple block of code use code:
```
body{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
or
```
body { min-height: 100vh; display: grid; place-content: center; }
```
- When we open the GitHub repository link, you will find an About Section on the right side. There, also include a live preview link of your project. It is better for someone to check your live project while interacting with code.

**I hope you will find this Feedback Helpful.**
```