hey there After long time is finshed in this project and make so many hard and many time taken
About my Project..
- Every 100px Responsive
- Clean Code
- Aesthetic UI
- Understandable Code
- Css Animation
- Css Flex
Peace Be Upon And Allah Mercy And Love...!
Throughout this project I tried to use semantic HTML elements where possible. Initially I was assigning class names to most elements, but I later found it easier to apply styling to more elements at once by targeting elements instead of many different classes. As a result, I only assigned classes to elements that I needed to specifically target. This made my CSS shorter as a result, but it also created a section in my CSS where I used elements selectors to apply styling to similar elements instead of typically targeting elements through classes. Any feedback or suggestions on my use of semantic elements and/or use of classes would be appreciated.
One of the trickiest parts of this challenge for me was figuring out how to get the correct spacing around content, particularly around the lists, lists items, and markers. I ended up wrapping list items in span elements, and using list-style-position, position, padding and indent properties to match the design image. However, I sometimes found things such as the horizontal alignment of list item content and the text indent starting position of wrapping text became problematic and required more effort to control. I'm keen to hear any thoughts on ways I could have done this more easily, and without the additional effects I then had to figure out how to control. I may have made this harder than it needed to be.
When it came to the nutrition section I used several child selectors to get the spacing, borders, and colours working properly. Again any feedback on how I did this, or tips on how I could do this better next time, would be appreciated.
Lastly, I used media queries to recreate the mobile design but I am still very new to using these. Any advice for how I could improve here would be helpful.
Thank you in advance.
good job , and you can use media query to have the mobile design , take a look https://www.w3schools.com/css/css_rwd_mediaqueries.asp w3schools is a great resourc to learn from . your desktop design is great.
Advice Generator App 🎲
Description: 📃
Features: 🪁
API: 🧭
Technologies Used: 🛠️
HTML: Used to structure the web page and define the layout.
CSS: Used to style the HTML elements and enhance the visual presentation of the app.
JavaScript: Used to handle user interactions, fetch data from the API, and update the DOM dynamically.
External API: Integrated to fetch random advice or quotes for display on the app.
i startes learning js and i'm good at solving problems on codewars and i'm getting better on it, but i have a problem whit learning DOM , do you know a good place to learn it.
This is newbie challenge Social Links Profile sucessfully completed
tools Are Used⚙️
great job man, your design is better than the challenge 👍
Hi! Any ideas/resources to make mobile version? Any other comments? Thanks!
your work is good for desktop , but you should use flexbox to make the page more responsive . look on youtube to make it better , your solution look great good work
if you want to learn web development here are some great resources : 1 - the odin project 2 - free code camp 3 - appacademy.io 4 - w3schools
what are your thoughts about my css coding practise? I mean is it more of a hit and trial thing but at the same Time it is responsive too.
great work , but you needto change some of the fonts size and button width and add some hover rules . you can see that on : https://www.w3schools.com/
Hey everyone 🙋♂️, this is my solution for Rock-Paper-Scissors challenge.
I've tried to take the challenge to another level😃.
What did I try to do?
Please take a look and give me some feedback. Thanks :)
fix your css the display and the colors it is to dark
the preview site and the repo linkes are not working check your code and resubmit your solution
