All solutions

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

Figuring out the Grid was surprisingly easy. Using the span element to help the boxes move throughout the grid was a very nice thing to know. I'd see if I could condense the amount of grid elements used next time.

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

Understanding how to place the images was alittle tough. I overcame the problem by messing around with the position element and messing around with size.

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

I would like to know how to format text better, since I didn't exactly format it as presented.

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

Focusing on the HTML for the first time made the process extremely easy to tackle, to where the mobile is flawless and I barely had to make edits to make the desktop version work. I still had issues, of course, and it isn't perfect, but I am definitely proud of how streamlined the process was. I will definitely do this again the future.

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

Messing around with the prices to make them spaced properly in both versions was difficult, but messing around with rem size for the overall width made it alright and responsive in all different sizes I believe.

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

I need help with the Desktop version of the image, cause it squishes at the top and bottom and I didn't know how to fix that.

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

I was proud of the formatting in the HTML, as it made the CSS portion significant easier.

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

The image was a toughie, and I only managed to overcome it in the desktop portion by putting the image inside the container image. On mobile, I don't know how to "grow" it to fill the whole space.

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

The text and bullet points would be good for starters, as I had no idea how to really separate them from one another and I had no idea how to leave the bullets all the way to the left. Really please rip into this whole project and lemme know everything I can fix.

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

I'm proud of remembering the width element to control the size of it all, as well as using margin-left and margin-right to center it.

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

Mainly just getting the specific numbers right, not completely sure I did it since I was eyeballing the whole time.

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

I still don't understand landmarks as much.... Would love assistance on that to make sure accessibility users can maneuver properly.

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

Frankly not proud of much here, but if I had to say, the image was nice and the padding is fine enough. I do wish the text was easier to format though.

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

Styling the .publisher class and the "learning" yellow box was hard, I didn't really understand. I used float and position to get them into place for the .publisher class, and padding for the learning box but those were shoddy solutions at best.

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

Anything to condense the CSS code, cause I know it can be done in a cleaner fashion.