All solutions

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

I'm proud of getting my solution close to the design, even the shadows and hover effects.

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

Padding and margin as usual, plus still working on box shadows and getting them to behave how I want. Trial and error helps get there, but never exact.

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

any helpful feedback is welcome :)

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

I'm proud of what seems to be successful use of the overlay effect on the cube image. I'm not sure what I could do differently in a second attempt.

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

I spent quite a bit of time learning about the image overlay, but I got a beginning grasp on it. BEM naming is still a concept I'm getting used to, but it has helped have cleaner code.

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

any feedback is welcome :)

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

I solved the centering issue I was having last time.

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

.I'm unsure how to create the shadow within such a defined area. Haven't overcame the issue yet.

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

Any feedback is welcome :)

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

I'm proud of getting the solution pretty close to the provided template. Next time I might do the whole thing via flex-box.

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

Centering the grid. I made it work by putting display: flex on the main element, but I had really wanted to get the same result by putting a separate container around my grid, I wasn't able to get that to work no matter what I tried.

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

Any feedback is welcome :)

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

I'm glad I got my solution to even look close to the design. I'm most confident with how I placed the grid items. I don't know if making named grid areas is the best way to go, or by telling the grid items how many rows/columns to span,

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

Placing the grid. I tried using "place-content: center;" but I couldn't get that to work (I know there has to be a reason.) so I used the horizontal auto margin method instead.

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

I feel like I need to get better control of grid placement, any feedback for use in the future is appreciated.

Should these footers with copyright info ~always~ be placed at the bottom?

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

Most proud of using grid and placing objects within grid areas. I'm not sure I did it correctly, but the layout looks similar.

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

So many. Most of it came from font sizes at different screen sizes, working with widths for different elements. I just used methods that seemed to work.

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

I feel like I just patched this all together. I was having issues with the grid, plus width and max-widths. If you take the time to look at my code, please give me feedback on best practices for grid placement if this was all wrong, or help with the widths if i was coding incorrectly.

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

Developing a slightly better understanding of how layouts are responsive by default without creating rules. Next project I really need to focus on all the semantics and styling before I even touch anything related to layout.

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

I had slight issues with srcset and adding the cart icon. doing a little bit more research and paying attention to Kevin Powells video for this project really helped.

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

I'm still trying to get BEM class naming down, but don't know how standard practice the naming 'rules' are, especially for these small projects.

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

•I'm always happy when I get to the point feeling comfortable enough uploading my solution. I'm happier with this solution than I was with my first. I used better html semantic tags, class names, sizing units, and class selectors.

•Next time I think I'd like to try using a framework like bootstrap, maybe javascript, etc.

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

•My first solution to this challenge was a desktop first approach, so media queries were a slight challenge this round, but easily solved by taking the time to understand how they function.

•Various other challenges included styling list markers, spacing issues between elements (especially with those lists), other things that you get the hang of over time. I enjoy learning how to solve all of these problems, the internet is your friend in this.

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

•My bullet points don't line up with the text as shown in the mobile preview. What ways could I have achieved that? (I did try looking for solutions.)

•If there's anything else I could have done that is considered better coding practice, don't hesitate to comment you r. suggestions so I can try and implement them in future projects

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

I'm proud that I got the grid layout figured out for this. Sometimes a method can feel like a mountain to climb when you rarely use it, but grid was easier than I was imagining. I would use flex next time just to see if it's easier to achieve the same result.

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

I did encounter the challenge of turning the "link" text color to black on hover. The issue is that I had originally declared all p tags to have a color of white, I solved my problem by simply changing the body text color to white.

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

There's nothing that I had major trouble with, but I love hearing the ways I can make layouts more responsive and how my code would be better written.

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

•I'm proud of using new ways to select elements for styling. It's fun getting to use a variety of selectors to select the same element, just have to remember to keep everything readable.

•For my next projects, I want to try and use grid for more of the project design with less use of flexbox.

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

•Moving the footer to the bottom, google helped with that.

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

•A big issue i couldn't resolve was getting the top image to be taller. I'm sure there's many CSS rules that were limiting me, but I wasn't sure what I should change to get my desired result w/o affecting other elements.

•Is there a better and more practical way to place the footer at the bottom of the page? This seemed pretty straightforward, but I feel on a different layout, it could lead to issues?

•Readability of my CSS files is always a concern in the back of my mind, are there any issues with it that aren't personal preference related?

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

I'm proud I let myself finish the challenge and complete the steps. I get too concentrated on small parts of these projects and spend my time losing focus on the big picture.

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

The main challenges I encountered were small things like trying to get the right font size, padding, or margin. I seem to get caught up on those aspects during these projects. I tend to just reach a point where I call it good and tell myself I can come back to those later.

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

I'm not really sure about specific areas. Theres so many ways to get the same outcome for a problem, it's just difficult seeing the simplest way to get the right result.

What are some rules you tend to apply early on in your projects to make them more responsive? When you're finishing up a project, what are those final things you're checking before you say it's done?