All solutions

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

Becoming familiar with bootstrap again after not using it for a couple of years.

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

I had problems with the modal blocking page content, even though the modal wasn't showing.

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

Any constructive criticism is welcome!

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

Remembering how to use the :after pseudo class for a feature on the share modal. If I were to attempt this challenge again, I'd probably find a better way to use dynamic stylings.

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

I had some trouble positioning the share modal; it was a little pains-taking.

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

And constructive criticism is welcome!

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

I'm happy I was able to remember most of the javascript for this without having to look too much of it up.

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

I had a little trouble with the social icons in the footer. It took a lot of incremental changing of the sizes until I got it.

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

Any constructive criticism is welcome!

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

I remembered most of the javascript I needed to use in order to enable the form validation.

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

One challenge I encountered was setting up CSS Grid for the desktop layout. To overcome it, I just messed around with it until I figured out the right configuration. Another challenge I encountered was the tediousness of writing the form validation js.

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

Any constructive criticism is welcome!

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

Figuring out how to orient the two background images.

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

Figuring out how to orient the two background images.

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

Any constructive criticism is welcome :)!

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

I'm proud of finishing this challenge; it was a beast. I might try to find a better way to style dynamically.

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

There was a lot here, so I just broke the whole challenge down into small manageable pieces and focused on each one, from the top of the page to the bottom, as I came up to it.

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

Any constructive criticism is welcome!

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

I'm most proud of figuring out how to do that little arrow jutting out of the bottom of the 185-gb-left element.

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

I was able to overcome the challenge I mentioned above by finding something online that was fairly close to it, then reverse engineering the code to figure out how to manipulate the element the way I wanted to.

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

Any constructive criticism is welcome!

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

I was able to finish this project fairly quickly.

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

I had a little trouble with the text color on the buttons during the active state, but then I remembered that I could use !important to make it work.

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

Nothing specific comes to mind, but if anyone has any constructive criticism, I'm willing to accept it!

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

I'm proud of being able to finish this and have it looking at least halfway decent. Though, I'm a little frustrated I can't figure out the close icon for the mobile nav. I've tried text-align: right; and margin-left:auto; but neither did anything.

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

I had a heck of a time figuring out the mobile nav overlay. I found something similar on W3 school and was able to reverse engineer what I saw there to complete the nav here.

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

If anyone has a good solution for the mobile nav close icon positioning, I'm all ears!

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

I'm happy I figured out how to get the background image with the color overlay to just the right hues.

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

I had trouble getting the svgs sized correctly. I'm still not sure I got the demo image right.

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

Any constructive criticism is welcomed.

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

I'm proud of figuring out how to do the box in the background.

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

I had a heck of a time figuring out how to do the border-radii for the phone and the phone's content, the background of the chat, not the chat itself. I just fiddled with it until I got it to where I think it should be.

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

.

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

I'm happy I was able to figure out CSS grid enough to get the stats and their headings displayed properly.

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

I had some trouble getting the aforementioned stats and their headings lined up. In order to get it, I had to way away from this challenge a second and when I came back to it, I pretty much figured out the answer, which was to assign the headings to one row and the stats to another.

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

I had some trouble getting the images and the color overlay/transparency to work together. I don't believe the color is actually vivid enough.

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

I'm proud of figuring how to make the linear gradients work. Next time, I might try to do this with less code.

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

I had trouble getting the elements in the summary section of the app lined up correctly.

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

Can't really think of anything. I'm just happy I go this done.

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

This was my first time using grid, and it was fairly easy to use.

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

Eyeballing the font sizes.

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

Nothing specific, but if anyone has any constructive criticism, I'm all ears.

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

This was my first time tackling a project using the mobile-first methodology. I found it very easy and plan to use it more in future projects.

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

I tried building this using the desktop first methodology, and for some reason, I kept running into problems.

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

If there are any glaring issues with spacing that I'm overlooking, feel free to let me know.

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

I'm proud of figuring out pretty simple solutions for the nutrition info section and adding the margin to the image.

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

Adding a margin to the image.

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

If anyone thinks the spacing is too off, feel free to let me know.

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

I think I did a good job with the spacing of elements and sizing of the text, considering I had to eyeball it.

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

I had trouble stying the hover effect on the social links, since I have an a element nested within an li elements. But then I figured out how to use the :hover pseudo element with nested elements.

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

I guess if it looks like the spacing if off too much, I'd appreciate the feedback so I can fix it.

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

I'm proud that I figured out grid enough to get the desktop layout. I thought it was never going to happen.

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

With grid, figuring how to get the one card to span two rows while the rest only span one row. Also, figuring out which element should have an H1element, since these items would most likely appear on a page that has an H1.

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

Any constructive criticism or anything I missed? I'm all ears.

I had a little trouble trying to optimize the svg for mobile, so if anyone has any ideas for how to solve this problem, I'd appreciate it! Thank you!

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

I'm proud that I was able catch having to attach the shadow to a hover event.

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

I had trouble trying to get the dimensions of the card.

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

Did I get the height and width close enough?

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

I'm most proud that I was able to complete this challenge relatively quickly, which means I've learned a thing or two since I've begun coding.

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

I didn't really face many changes, except the learning curve with starting frontend mentor.

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

I can't think of anything, but if anyone has any pointers or constructive criticism, I'd be happy to receive it.