Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • C H A R A N 🎯• 2,690

    @0xabdul

    Submitted

    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...!

    Results-Summary-Component-Using-Html-Css...

    3

    Ragab Marza• 170

    @rajabmaher

    Posted

    cool animation man, keep up the great work.

    0
  • Rory McPherson• 70

    @rorymcpherson

    Submitted

    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.

    Recipe Page

    1

    Ragab Marza• 170

    @rajabmaher

    Posted

    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.

    0
  • C H A R A N 🎯• 2,690

    @0xabdul

    Submitted

    Advice Generator App 🎲

    Description: 📃

    • The Advice Generator App provides users with random pieces of advice or quotes to inspire, motivate, or provide guidance. The app is built using HTML, CSS, and JavaScript.

    Features: 🪁

    • Random Advice Generation: The app fetches random advice or quotes from an external API and displays them on the web page. User Interface: The app has a simple and intuitive user interface designed using HTML and styled with CSS to enhance the user experience. Button Interaction: Users can click a button to generate a new random advice or quote, which is dynamically updated on the page without requiring a page refresh. Responsive Design: The app is designed to be responsive, ensuring a consistent and optimal user experience across various devices and screen sizes.

    API: 🧭

    • The app utilizes an external API to fetch random advice or quotes. The API endpoint is integrated into the JavaScript code to retrieve data dynamically.

    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.

    Advice generator app using [ Html & Css & Js & Api ] 🚀

    2

    Ragab Marza• 170

    @rajabmaher

    Posted

    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.

    0
  • Ragab Marza• 170

    @rajabmaher

    Posted

    great job man, your design is better than the challenge 👍

    Marked as helpful

    0
  • Ragab Marza• 170

    @rajabmaher

    Posted

    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

    0
  • Ragab Marza• 170

    @rajabmaher

    Posted

    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

    1
  • Ragab Marza• 170

    @rajabmaher

    Posted

    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/

    0
  • Philip Droubi• 575

    @Philip-Droubi

    Submitted

    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?

    • First of all, I put the two modes into the game 📳
    • Many changes in design 🎨
    • I've added some effects & animations 🌟
    • Working on PWA (prograssive web application) to make it downloadable on Win/Mac/Linux/Android/IOS...etc, Maybe you want to try your luck offline in a standAlone application 🚀
    • Using local storage to save the score🎯
    • ability to reset your score 🔄

    Please take a look and give me some feedback. Thanks :)

    Rock-Paper-Scissors with PWA(Progressive Web Application)

    4

    Ragab Marza• 170

    @rajabmaher

    Posted

    the best Rock-Paper-Scissors , great work.

    1
  • Ragab Marza• 170

    @rajabmaher

    Posted

    fix your css the display and the colors it is to dark

    0
  • Ragab Marza• 170

    @rajabmaher

    Posted

    the preview site and the repo linkes are not working check your code and resubmit your solution

    Marked as helpful

    1