Open lhsazevedo opened 3 days ago
@saundefined Can you add hacktoberfest
and good first issue
labels to this issue?
@saundefined Can you add
hacktoberfest
andgood first issue
labels to this issue?
done, thanks for the proposal!
/assign
@nafisreza Sure, go ahead! Someone will assign this to you shortly.
If you decide not to work on it, please let us know so that someone else can take it up.
Thanks @lhsazevedo I am starting to work on this.
Description
The homepage hero section currently does not follow the BEM (Block Element Modifier) methodology that has been partially adopted in newer pages, such as the thanks page. The upcoming navbar and search modal will also follow BEM conventions. The hero section was initially implemented in PR #459, but now needs to be updated to align with these conventions.
Task
Update the CSS and structure of the homepage hero section to match the BEM conventions used elsewhere. Only the relevant portions of
index.php
andstyles/home.css
should be updated. Additionally, the visual tests references to thehero
classes will need to be updated.Example Conversion
Here’s an example to guide you in converting a class:
Current class:
Converted to BEM:
In this example:
.hero
is the Block, representing the main component.__btn
is an Element, indicating a part of the block.--primary
is a Modifier, signifying a variation of the button.Steps
styles/home.css
follows BEM principles.hero
classes are used.Resources
Good first issue for
Feel free to ask questions if you need any help!