Frontend Mentor | gayathri-v1's profile

Leo Sanchez•120

@L-ux-esSubmitted 3 months ago

Interactive Rating

1

gayathri-v1•180

@gayathri-v1Posted 3 months ago

Good one!

1

P

Ivan Orsolic•240

@ivanorsolic95Submitted 9 months ago

Responsive component built with CSS Flexbox and CSS Grid

1

gayathri-v1•180

@gayathri-v1Posted 9 months ago

Hello there, Congratulations on completing this challenge!

This is amazing solution. I also have found the text "Last week" is not changing. I would suggest to use three functions, for daily, weekly, monthly and then you can add previousTimeSpan.innerHTML = Last week - ${report.timeframes[timeframe].previous}hrs;

previousTimeSpan.innerHTML = Yesterday - ${report.timeframes[timeframe].previous}hrs;

previousTimeSpan.innerHTML = Last month- ${report.timeframes[timeframe].previous}hrs;

In each function separately. You can check my code, I did the same. Although, I am not sure how efficient it would be I multiple function on same thing is used.

Marked as helpful

0

Thomas Hertog•805

@thomashertogSubmitted almost 3 years ago

Article preview with flex and grid

1

gayathri-v1•180

@gayathri-v1Posted 9 months ago

This is perfect ! Awesome.

0

Rubens Gabriel•100

@rubensgabrielSubmitted 10 months ago

What are you most proud of, and what would you do differently next time?

What I'm most proud of is how I learned more about using grids within a project, I will definitely use them more

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

The biggest challenge I encountered was how to let the page adapt to different screen sizes, I knew what it would look like on a cell phone and what it would look like on a desktop, but I needed to use my creativity to create a middle ground between these two things.

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

I believe that what I want to learn most would be how to use the grid even more

Testimonials Grid Section

1

gayathri-v1•180

@gayathri-v1Posted 9 months ago

Hey there, For the quotation image in section-1, you can use background image property. I have used as below in css code, and I did not use"img" in html. background-image: url(/images/bg-pattern-quotation.svg); background-repeat: no-repeat; background-position: 80% 0%;

This is the only missing I have found in your solution. Overall its good. Keep coding!

Marked as helpful

1

ayesorobolu•140

@ayesoroboluSubmitted 10 months ago

What are you most proud of, and what would you do differently next time?

I'm proud of how well my responsiveness came out, even though it isn't perfect, it works very fine. I took more time on i, so i believe it looks more accurate.

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

None really, i learnt some things from the last project that helped

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

None for now, but if there's somewhere you see there are issues. I'll be down for correction