Skip to content
OverviewSolutions
9
Comments
4

Ahmed Mohsen

@ahmed-mohsen88maadi - cairo230 points

am Front-end-developer skillful using html css javascript bootstrap react

Latest solutions

View more solutions

Latest comments

  • Ahmed Mohsen•230
    @ahmed-mohsen88

    Hello Camilla Congratulations for completing your first task. Your design is fantastic, and I really like how similar it is to the original.

    To avoid the warning, change the div class attribute to the footer tag, and modify the width of the image to "px" rather than "p."

    Hope that was helpful

    again, congratulations

    Marked as helpful
  • Ahmed Mohsen•230
    @ahmed-mohsen88

    Hi, congratulation on finishing your first challenge, your design is amazing and almost the same as the original one. HTML tag must have lang attribute <html lang="en">. any element should be surrounded by a semantic element to prevent Accessibility issue Various HTML Semantic Tags are:

    <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <section>

    please remove href attribute from any div tag : <div class="botton" href="#"> any img tag should contain alt attribute <img src="images/icon-cart.svg">

    hope that helpful

  • Ahmed Mohsen•230
    @ahmed-mohsen88

    Hello, Mohamed. Because id is unique to the element, it is simple to utilize in javascript code when obtaining the element by id. In CSS, classes are always used so that you may assign the same class to multiple elements to apply the same styling and save time. You can also use classes in javascript code by query selector all and loop through by foreach or any other loop. I hope that was helpful.

  • Ahmed Mohsen•230
    @ahmed-mohsen88

    Hi, wrap .white div in main tag and the other div in footer tag to prevent accessibility error, increase width of .white div to 57% increase Image width to 19rem Happy coding.