Frontend Mentor | Aayush Sood's profile

@yanaantonnaSubmitted over 3 years ago

This is my first project on Frontend Mentor. Could you please provide me some feedback on the work I have done. Tkank you.

Bootstrap

3

Aayush Sood•1,175

@soodaayushPosted over 3 years ago

Maybe fix the accessibility and HTML issues. Your font on the buttons does not look right compared to the design photo.

That's all I have to say.

Happy Coding!

0

Abhik•4,840

@abhik-bSubmitted almost 4 years ago

Hi Frontend Mentors 👋,

I created some staggering animations using setTimeouts , however I personally feel there's a better a way for that. So if anyone knows that please help me out!

Any feedbacks,tips,suggestions will be highly appreciated 🙏

Ping coming soon with staggering animations

3

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

You might want to add media queries for the input and button because on bigger screens, the input and button are starched.

Otherwise you did great!

Happy coding!

Marked as helpful

1

Robert Freck•40

@UofMBobSubmitted almost 4 years ago

Profile Card component main

1

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

I can't preview your website so fix that and the HTML and accessibility issues.

Let me know when you fixed the problem!

0

jonathancierp_dev•65

@JonathanCierpSubmitted almost 4 years ago

Please let me know if there is something wrong or if we can do it in a better way 😀

[JCD] Social proof section using HTML & CSS

3

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

Your website is very good! I do suggest fixing the HTML issues.

Happy Coding!

1

Mykola Boychuk•110

@m-boychukSubmitted almost 4 years ago

Huddle landing page with alternating feature blocks

1

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

Your website is good but there are some things that I suggest you improve on.

You forgot to add colors on some of the buttons. They weren't supposed to be the color when hovering over it. They were supposed to be that color for display
On bigger screens, the image below the header will fall out of it's box
The logo on the footer isn't the same compared to the design. What you should do is copy the original logo and make another one for the footer. When you Look in the svg file, there should be multiple instances with the word fill. In that box, your supposed to make the color white.
The copyright at the footer should be below all of the content

That's all I have to say!

Happy Coding!

0

Stephen Buley•75

@StephenBuleySubmitted almost 4 years ago

Mostly responsive, I know this isn't a huge page.

Can't for the life of me figure out the two background images to look like the design, other than that just general tips and fixes to help make my code more readable/efficient! Thanks!

First go using only HTML and CSS - Profile Card Component

1

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

The way to position those 2 background images were to say background-position: top right, bottom left;

Happy Coding!

0

Solomon•130

@SoloLereSubmitted almost 4 years ago

Your feedback and suggestions are highly appreciated!

Testimonial section using CSS Grid

2

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

Your website is very good but I suggest fixing the accessibility and HTML issues.

That's all I have to say!

Happy Coding!

0

Delconer•10

@DelconerSubmitted almost 4 years ago

Card using Sass

1

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

Your website is very good! I see no issues at all!

1

mohamed maghraby•220

@mohamed1maghraby-divSubmitted almost 4 years ago

please leave your feedback

Testimonials grid section using pug,scss,gulp,flexbox

2

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

Your website is great! There is some minor issues that I suggest fixing.

The "Verified Graduate" font size is a bit bigger than the design
The paragraphs need to have some opacity

That's all I have to say!

Happy Coding!

1

Debbyyy•80

@DebbyyySubmitted almost 4 years ago

Feedback is required. Ways to improve is also very important. Thank you!

Debby's clipboard challenge

2

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

there are some problems when viewing this on bigger screens. This is coming from someone who uses a 4K monitor.

Some images are very big
the background image at the very top doesn't take up the whole width. The way to fix this is background-size: contain;
Some of the gaps are way too much. I suggest toning it down.
Some widths of the images are kind of short

Otherwise your website is good!

Happy Coding!

0

Karim•810

@Karimsamir112Submitted almost 4 years ago

hey , Is this good ?? and what is the mistakes I did ?

I care so much about feedback because it let me improving myself

Thanks in advanceز

Testimonials grid section using CSS Grid

1

Aayush Sood•1,175

@soodaayushPosted almost 4 years ago

your website is decent but there are some things I suggest you improve on.

Fix all of the HTML and Accessibility issues. If you press view report, you will see all the issues in your code.
You should probably use the pictures that they have given you in the files.
The boxes have barely any spacing so I suggest adding padding to those boxes.
The alignment of the boxes is kind of broken so I suggest making all heights of the boxes equal.
There are also some weird line breaks in all of the paragraphs so I suggest adding more spaces to the boxes.
Your content isn't centered so I suggest using CSS Flexbox to center the content.