@alice173
Submitted
Is there a better way to align the text and icon within the button? Similarly, the reduced price and the price - is my solution a good one? How could I have organised the code better?
Could I have improved the accessibility?
@Aimal-125
@alice173
Submitted
Is there a better way to align the text and icon within the button? Similarly, the reduced price and the price - is my solution a good one? How could I have organised the code better?
Could I have improved the accessibility?
@Aimal-125
Posted
You can align text and icon by wrapping them in two separate spans inside button and set display property to flex for button. Then justify-content: center; align-items: center; gap: 10px;
For accessibilty use semantic tags of html. Put your code inside <main> tag.
@heisemmaco-dev
Submitted
All insight are welcome please
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
Marked as helpful
@rxs30279
Submitted
My first react project! Not sure if I like react as I think it would have been more straightforward in jaavascript. I like the structure components react imposes on you. Making you split up the project into small units, but this also adds additional problems. I think as you become more aware of these restrictions you can probably design your project around them. I have only just scratched the surface with react. I've not used the routing package or explored Next.js / Remix. I don't think i would have been able to complete this task without the help of chatgpt which basically wrote the app for me.
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@yahyashareef48
Submitted
In my implementation of the REST Countries API with a color theme switcher, I've created a web application that allows users to explore information about different countries. The application fetches data from the REST Countries API and displays it in a user-friendly manner.
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@girmt
Submitted
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@asad102
Submitted
this challenge need a solid knowledge about grid and how to manipulate, I Consume many hours to complete this challenge and finally I did It
any feedback is welcomed thanks in advance
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@imkarvendhan
Submitted
Hi, Give Some Feedback to That Card Section For Card Arrangement
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@jose-jimmy
Submitted
Hi everyone๐, Finally completed the Age Calculator App challenge
I thought this will be a pretty easy challenge but it took me a while to figure out the solution, I have only tested the system manually so the chances for typos are more, if you find something do let me know.
I know this is not an optimal solution and there are always room for improvements if you have any suggestions please free to comment below. Open to any feedbacks.
This is the basic logic behind calculating the age and I found out this the easiest and most optimal way.
Happy coding! ๐
const date = new Date(0);
const currentDay = date.getUTCDate();
const currentMonth = date.getUTCMonth();
const currentYear = date.getUTCFullYear();
const birthDate = new Date(`${userYear}-${userMonth}-${userDay}`);
const diff = new Date(Date.now() - birthDate.getTime());
resultingYear = Math.abs(diff.getUTCFullYear() - currentYear);
resultingMonth = Math.abs(diff.getUTCMonth() - currentMonth);
resultingDay = Math.abs(diff.getUTCDate() - currentDay);
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@BurakKostekli
Submitted
all feedbacks are welcomed
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@Anshuman1803
Submitted
I gave my 100 % to achieve the desired result, But if there are any changes needed then provide your feedback, I will definitely work on it and try to solve that.
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
@Abiel101
Submitted
Hardest part of this challenge for me was finding a way to display the correct number of days between the current date and the user input date. I kept getting negative numbers but luckily, I was able to find good solution for it with the help of others.
I feel like my JavaScript is super messy so any feedback on how I can better organize my code would definitely help.
@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.
Marked as helpful
@semperprimum
Submitted
I would greatly appreciate any feedback you may have!
Some parts of the code I'm unsure of:
float: right
on an image to stick it to the right of the container. I could have used flex, but float seemed to work just like I wanted it to, and it saved me a couple of lines. I heard from somebody on the internet that we shouldn't use float properties, so that's why I'm unsure about using it.@Aimal-125
Posted
In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px;
so that your solution looks good on screens with small heights.