All solutions

Hello Community!

Thank you for visiting my solution. These are my questions:

1. Should I use a div with Background Image to place the upper image?

2. Is it a good practice to set the music icon as a ::before pseudo element, or is it ok to place it as another item in the flexbox.

3. I used variables to select color, but later tried to add hsla(var(--dBlue), 0.7) in order to change to alpha channel when the button is hovered, with no effect. What should I do to create that transparency effect with the root color?

Thank you guys for visiting my profile.

Have a great day!

Hello Community,

Thank you for reviewing my code! These are my questions:

1. In this type of cases, is it necessary for the image to be inside an <a>?
2. I couldn't recognize a lot of changes between desktop and mobile display, I only adjusted the width of the card just a tiny bit. Were there any more changes?
3. The card's shadow has any specificity?

Once again, thank you for passing by.

Hope you have a great day! :)

Hello Community,

Thank you for visiting my solution. I have 1 question:

1. What is the correct semantic to add this component? I used a <div> with class name card, but I don't know if <main>, <article>, <section> or any other should be the ones to use.

Have a great day! :)

Hello community,

Thank you for taking the time to view my solution. My questions are:

1. Should I have used <form> in order to retrieve rating information?

2. How can I improve the script or general JS formula in order to get the same result with less code?

3. The variation between the “question” component and the “answer” component inside a given div is correct, or what is the correct practice in these cases?

Thank you for your help.

Hope you have a great day

Hello Community,

What do you think about my new project? What aspects do you think I could improve? Do you think that HTML Semantics were correctly used?

Thank you and have a lovely day!

Hello community!

All comments and improvements are encouraged and welcomed!!! :)

Have a great day!

Hello comunity!!! How are you all doing?

This is my first attempt on this project and I faced several challenges with it. I would like to ask you if the navbar technique used was correct or do you recommend another one that could have more functionalities or present a cleaner code.

Hope you are all having a great day! :)

Hello Community,

Hope you are having a great day. My question for you all is:

1. What is your strategy to add a perfect circle border around an icon?

Thank you all, and hope you have a nice day. :)

Hi community!

Hope you are having a great day and thank you for helping me in my coding road. I have 2 questions:

1. Can I increase font size depending on screen width without the use of media queries? I used media queries in this project but I don't find it that usefull if the project is much larger.

2. Do you think my JS approach was alright or is there a way to make it cleaner and still scalable?

Once again thank you for your help in my harsh but fun coding road.

Hello community,

Thank you for passing by my challenge solution. This had a lot of new things for me, italic text, multiple form inputs and Javascript. Although I'm very new to JS, I would like to know how common is to copy other's code and technique instead of creating own code? I performed all of the JS part in this challenge by getting the code from youtube and forums. I need to keep understanding JS to create my own code from scratch. Nonetheless I would like to know what to do you think about my solution and how could I improve any section HTML, CSS, and JS.

Once again thank you for joining my coding rode.

Hope you are having a great day!

Hello, thank you for passing by my solution, any feedback, good or bad, is welcomed and encouraged :).

My questions to the community are:

1. Do you think that the input positioning inside a container setting the button in an absolute position was the right choice. How could I have done it better?

2. I believe my JS code is not very clean and very long. How can I change this since if the form has many inputs it would be a gigantic code just to show error messages, icons and variations. Was my technique correct or do you think I should have done in another way?

Thank you all for passing by and helping me improve in my coding journey.

Have a great day. :)

Hello community:

Thank you for passing by and checking my challenge. I would like to improve generating a cleaner code, reducing the use of media queries. My question regarding this is:

1. The use of flex-basis, growth and shrink help to eliminate the use of media queries?

2. In this case how can I modify the type of image in use (desktop vs. mobile)?

Thank you!! Have a great day.

Hello community, thank you for passing by my challenge solution.

My questions regarding this solution are:

1. Do you think it is sufficiently responsive as it is or should it be more fluid?

2. Should I set a max-width to the component as it was performed?

Thank you again for taking the time and helping me improve in my web dev road.

Have a great day!!

Edit: Thanks to community observations; padding was reduced, headings increased size, images are no longer modified and body has a background.

Hello community,

Thank you for passing by my solution. I took some time with this solution since some things where a little bit tougher than expected. If anyone wants to help me answering some inquires it would make me very happy:

1. I used an ::after to create the triangle in the socials tooltip, is this the best alternative?

2. What is the best way to position the image inside parent area? I feel the end result was not that exact compared to the design.

Thank you once again for coming by. I hope you have a great day.

Hello community,

Thank you for visiting my challenge solution. I decided to try performing this task without JS, as it was a "bonus" task. Hope the result complies with your expectations. I had some issues with the positioning of the box image, since it was outside the main area and the main area had a overflow value of hidden.

My questions to you all are:

1. How would you position, the 3 elements of the image?
2. How do you know when it is better to use JS or plain CSS to perform a task, such as this one?
3. Would it be better to use flex-wrap instead of changing flex direction inside the media query?

Once again thank you for passing by and helping me improve in my coding journey. It is a slow but somehow fun one. I don't know why it is fun, but I enjoy suffering in front of some colorful letters.

Have a great day!!

Hello community!

Hope you are having a great day. This is my question:

1. How can I position background image better so that it doesn't move/crop that bad when height or width of screen changes?

Thank you all and have a great day.

Hello community,

Thank your for reaching into my challenge. It is very important for me to count on your expertise in order to improve in my coding career.

I have two questions regarding this challenge:

1. How can I change the positioning of elements like the ones in the footer part of the component, to convert into a column instead of a row without the use of media queries?

2. I have a doubt regarding the "Sign Up" element. Should it be a button or an <a> tag with padding. I watched a video on youtube long time ago but still doubt what is the correct way. I think it is an <a> if it links to another thing and it is a <button> if it sends or retrieves something.

Once again thank you for passing by.

Have a nice day

Hello community, thankyou to anyone helping with my coding skills. This is my only question:

1. Can I make each card position correctly in mobile mode without using the media query? Should I use min max values or is there another technique I'm ignorant about?

If you see anything that can help me get better at coding I would greatly appreciate it.

Hello community, thank you for taking the time to view my code, I hope your eyes don't hurt that much.

I would like to know,

1. How can I improve the background images positioning or should I change anything regarding their size or direction?

2. How do I improve positioning of items in a responsive mindset without over utilizing media queries. I believe I can clean my code with better a better use of CSS Grid specially with minmax values.

3. Do you believe that setting a font-size to 10px in the project is a good practice, to have an easier multiplication of rem units?

Once again thankyou for visiting my code and helping me improve in this daily journey to becoming a better developer.

Hope you have a great day!!! :)

Thank you for all your help.

1. Do you think my positioning is correct, and my techniques are good enough or how should I improve?

2. Is it correct to use height values? I have heard different opinions. I used height values inside the card to prevent loosing its original pattern.

Thank you to the community! :)