All solutions

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

Highlights:

• Grasped knowledge on how to comfortably style header and hero section on mobile and desktop with the same background image
• Enjoyed styling the mobile and desktop version of the phone piece that vertically overflows its container.
• Also enjoyed styling the multi-column footer

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

Highlights:

• Using my graphics design background to create page background image and chat app illustration.

• Swapping background images for desktop and mobile view.

• Positioning image background.

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

Highlights:

• Designing the mobile navigation with smooth transition from the right.
• Styling the client logos to be responsive and consistent with design on mobile and desktop
• Using order css to handle positioning of hero image and the subsequent content in the intro section

What I need to improve

• Spacing and sizing in header.

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

Highlight: tweaking border and gap styles to make the plans come together on large screen and reversing as necessary for smaller screens.

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

Highlights:

• Responsive view for comments and modal for deleting.
• Increasing JS knowledge.
• My persistence to see this project through :)

Key notes

• Switched some design element placement and completely disregarded the up/downvote element.

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

Highlights:

• Used JS to set heights of each bar based on their amounts.
• Set a box width that works for all screens.
• Completion time was great too.

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

Highlights:

• Caching theme user chooses to ensure theme does not revert to default when viewing different pages.

• Refined raw data to only what's relevant to project.

• Ensured website was responsive across devices.

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

I learnt a lot with this challenge in regards to grids and making them responsive for desktop, tablets and mobile devices. Definitely picked a lot of tricks in swapping background images that I will be incorporating in my fully built websites moving forward.

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

Proud of improvement in how I can feed precise prompts to AI which yield 90% design to code accuracy. Perhaps, I'm onto some smart productivity hack here.

Key notes Skipped a few functionality like drag to reorder and search. When I have a bit of free time for fun projects, I might build a crud to-do app that encompass those and more.

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

Proud of my ongoing streak of completing projects. It's only taking me few hours or no more than three days. I hope I can take that speed into advanced level projects without diminishing quality.

New edit: Improved the load time of the countdown script with defer and corrected the way the bottom pattern hill image displayed across devices.

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

What am I most proud of?

• Project completion timeline: only a few hours.

• CSS tricks.

• Myself

What would I do differently next time?

• I feel like there is a shorter and effective way to write the CSS. As I build more, I'm confident I will be able to hack that.

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

Project completion timeline

Completing this social links profile coding challenge took only a few hours.

I'm also psyched by the tricks I'm picking up on the internet as I research each challenge.

Thank you, Frontend Mentor!

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

Completion Timeline

Project completion took 3 days. I hope to complete projects with even more quality in shorter time as I progress.

Creating my own API

With this challenge, I learnt how to create data to populate app with in JS and JSON files.

Leveraging AI

It was a lovely experiencing to see my prompts to the trendy AI tools yield code I wanted.