Younes Iddahamou Idrissi
@iddahadevAll comments
- @Dnyanesh-BachhavSubmitted 5 months ago@iddahadevPosted 5 months ago
Does the solution include semantic HTML?
Overral it does, but a few things need to be fixed:
- There are
h2
andh4
but noh1
andh3
. - The main title should be
h1
. - The preparation title should be
h2
. - The
span
to make the text bold should be astrong
orb
.
Is it accessible, and what improvements could be made?
- The
alt
for theimage
should be human readable. - The table row does not have a table header, it should have one with
scope="row"
Does the layout look good on a range of screen sizes?
- It looks a bit small on desktop.
- The layout for the mobile is the same as the one on desktop.
Is the code well-structured, readable, and reusable?
- The HTML is readable.
- The CSS could use a bit of structure with variables and better named classes.
Does the solution differ considerably from the design?
There are differences with the design such as colors, font weights and spacing, but the structure follows the design.
0 - There are
- @xaintobasSubmitted 5 months ago@iddahadevPosted 5 months ago
Does the solution include semantic HTML?
Yes, you could improve it by wrapping the list of links in an
ul
element.Is it accessible, and what improvements could be made?
Yes, maybe you could add a target for the links.
Does the layout look good on a range of screen sizes? Is the code well-structured, readable, and reusable?
Yes, the only downside I see is the use of
html { font-size: 62.5%; }
, this hack is not readable for other devs.Does the solution differ considerably from the design?
Not really except some
font-size
andfont-weight
.0 - @KissanthSubmitted 5 months ago@iddahadevPosted 5 months ago
Does the solution include semantic HTML?
You can improve the markup by deleting most of the
div
elements. The maindiv
could be anarticle
and the rest of them could just beh1
,p
,figure
...Is it accessible, and what improvements could be made?
You can improve accessibility by providing
aria-label
when needed and use good semantic HTML for elements liketime
(published date).Does the layout look good on a range of screen sizes?
The layout has fixed size.
Is the code well-structured, readable, and reusable?
You can use CSS Variables to reuse some common styles like colors, font size and spacing.
Does the solution differ considerably from the design?
There are some elements that differ from the design like the font size of the tag, the color of the description. Good job for getting this close from the design !
0 - @JmsLpzSubmitted 6 months ago@iddahadevPosted 6 months ago
- Does the solution include semantic HTML?
The semantic could be improved, for example the
div
could be anarticle
element. Theh3
could be ap
element. The use ofbr
is not necessary if thepadding
andtext-alignment
is correctly set.- Does the solution differ considerably from the design?
The sizing is not correct but it is close to the design, tweaking the width of the card and the image should get you closer to the design.
0