All solutions

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

I am proud about completing this project.

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

One of the biggest challenges I was facing was whether or not to use flexbox or grid for the hero section. For a while I was unable to provide the correct CSS styles in order for them to align perfectly.

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

I am questioning whether or not my html could be better or if there are any changes that I need to make regarding the CSS design for the hero section and the advertising section.

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

I am most proud of learning about responsive web design and the ability to complete projects better than I was.

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

I encountered setting the fonts and widths of the containers correctly I had to redo my design totally and work it a different way to get everything to line up.

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

I would like to know if there is a better way to do the footer. I had to put margins on the middle text to get it to line up perfectly from the design.

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

Very easy and learned more about responsive grid layout

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

No challenges

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

Some good feedback if I need to make any changes. anything that can be helpful

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

I am proud that I learned more about making css responsive styles and creating something that looks so close to the original. I also like the fact that I am learning more and more about media queries which is making things a lot easier and I am not doing so much code than before.

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

the challenges I encountered was displaying the text evenly and knowing why its a good idea to put in place grid-auto-template-column. I was able to learn a lot from Kevin Powell's videos on youtube. I overcame the process of creating a reset stylesheet and creating a css root set before actually coding the css which prevents me from performing a lot of repeat code.

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

I see the text isn't really lining up with the figma design. so I would like to know if I can make anything better.

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

I am most proud of learning about resposive design. I was able to perform this challenge and complete it using what I learned about working with mobile design and media queries.

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

The challenges I face was getting the cards to line up correctly. I was able to overcome them by setting the template rows and columns using fractional units.

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

I would like to know what I can improve in this design and if I need to make any changes in my media queries. I went back and forth between media queries to get it right but I would love the criticism and welcome any feedback on responsive design. Thank you

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

What I did was write up the code for the mobile design first. I would definitely make sure that I am correctly making all designs I do more responsive

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

I still have concerns about my max and min widths when creating the mobile desing

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

I would like assistance with the @media queries and like to know if I am providing the max-width to the container as well as the buttons.

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

I am most proud of the time that it took to finish this project. I believe I need some things to work on as far as making it more responsive.

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

my challenges for this project is the css with width and height and making it more responsive.

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

I need assistance with the css of this design. Do I need to fix any of the margins or paddings, height. Is there something I can do better as far as flex layout?

I found create the grid in css a little bit challenging. I wanted to use mostly css grid instead of flex. I am unsure of using the style sheets for the footer footer was a little bit challenging because the figma wasn't precise. I would like to ask if I can make my react any better ? I would prefer some critique on my css code ? Is my css code dry. Thank you

What I found difficult was allignment of the divs for the header I made. I also found that producing that javascript for the hovering over the projects a bit challenging. I was able to make it work but I feel it can be better. Instead of hearts or anything I would like to know if I could get some professional feedback as this one is a junior developer project and I would like to know how I did and if I could do anything better. Thank you for any feedback that is given. I would like to improve this site if I can. Thank you

I need assistance with getting the list icons and the list text centered. I tried different ways to do this but its not functioning correctly. I would like some detailed feedback on anything that can make my code dry. Also I would like to know if there is any other solutions to my javascript or coding that may be more efficient. Thank you for the detailed feedback.

I found creating the questions and making the portion of the questions responsive with the correct css and styling. For the javascript code I wanted to learn to map over the classLists and display the quesitons and answers based on the manipulation of the dom. But I stuck with a certain function that basically works. I am unsure of a different way of using javascript to query the img selectors and styling them the correct way. "active" style. I would like to know if there are any details I have left out and anything I could do differently with javascript and css. Thank you for your feedback.

Completed

I have completed my first design draft for this challenge. I am unsure of the challenge part where it states users are able to focus states for all interactive elements on page. I didn't make any active states. I probably need to read through the challenge again though. I would like to know what is best practice when making the sizes for these designs. Such as width and height when it comes to the actual card itself. Thank you for all the feedback.

In this solution what I found difficult was how to make it better using less code and create the symantic html that is most simple and basic. I know that this should be an easy challenge so I wanted to make it less code and simpler. I am unsure of the width and the height of the code.

I believe I did a better job this time around. if there is any critiques that need to be made as far as detail I would like to improve. thank you for all the feedback.

What I found difficult was having the divs overflowing when creating a certain width and height for the main div. I would like to know what a simple approach is to correcting certain heights and widths for responsive web design.

Is there a structure that people go by to customize a certain width and height. How close am I to the correct solution that is given.

I am unsure of the mobile design as I have not really studied how to create mobile designs.

What is best practices for creating widths and heights in CSS.