All solutions

Any feedback would be appreciated! Happy Coding!!

I found sizing the planet images tricky because I am used to setting the width at a certain percentage and height at auto. But in this project, that would size all the planets the same, which was undesirable. So, I used the CSS calc function and a ratio value to vary the width percentage. I am thinking I over engineered a solution for something that could have been done easily.

Did I overlook a simpler solution?

And any additional feedback would be appreciated!

This was my first attempt at using Sass, so any feedback on the Sass coding, or any general feedback would be appreciated. Thank you!

I found styling the images to be trickier than expected due to their inconsistent shapes. For example, Belgium is fairly square and American Samoa is pretty rectangular by comparison. I masked this on the main page, but allowed the flags to be their normal shapes on their "featured" pages. Are there any CSS properties for managing images of various shapes?

And this is my second React app from scratch, so I would greatly appreciate any overall feedback on the React and styled-components coding.

Thank you in advance and Happy Coding!

This was my first solo project with the React and styled-components package, so I am sure it is not the prettiest code. But, I would like any suggestions for improving technique and/or better practices would be appreciated.

And I used styled-components because it is the one CSS package that I was most familiar with and it seemed to work out okay. Are there any recommendations for React styling packages?

Thank you!

Thank you for reviewing the project! I have the following questions and I would really like some feedback to help improve this and future projects.

1. a. Was the theme switch intended to be 'draggable'? I was thinking it should have been because the slider has a hover effect, but I am not sure that is possible with the current input/radio solution.

2. b. Is there a simpler way to implement this switch and if so, would you please share a keyword to research?

3. For the hover behavior on the keypad buttons, from the spec, it looks like the button face and not the shadow should change with the hover. I got a version of that working, but I am thinking there may be an easier way to implement this and would like to know what I missed.

Thank you for any feedback, it is greatly appreciated!

I would like some general feedback on the overall construction of markup and CSS. In particular, I would like to know if the CSS grid met the challenge and how well the transitions worked from mobile to tablet to desktop.

I really liked how the challenge had different styling for the card backgrounds and font colors. I am wondering if my approach to use multiple classes is acceptable, or if there is a better approach.

Thank you!

This is my first project at Frontend Mentor and I would love to receive any feedback. I am most concern with how I translated the design. In particular, did I take it to literal in having one display for 375px and the other for 1100px. Should I have had more media queries to have a smoother transition from the 500-800px range?

And this was my first attempt at doing the markup and CSS, so I would some feedback on that. In particular, how was the HTML? Too many div's? And for the CSS, were the class name ok? Too many, too few?

Thank you in advance for any feedback!