I occupy my time with different projects, including development using Visual Basic.NET and Web Development using HTML, CSS, Javascript and PHP+MYSQL.
I’m currently learning...The art of writing CSS and then refactoring it to death because my CSS looks like a family of chimps wrote it.🤣
Latest solutions
Latest comments
- @techyjc@techyjc
Updated the design with the suggested changes.
- @anetakak@techyjc
Great work! You might want to change the breakpoint as the carousel gets a little small when you resize the browser.
- @techyjc@techyjc
Updated the carousel and additional code, plus Avatar size at desktop break point.
- P@danielmrz-dev@techyjc
Hi Daniel,
Great work! I did this challenge. The responsive aspect caused me a few problems, it can mean adding in multiple break points because the areas in the design like the 'new' section start looking a bit odd at various screen sizes. Like that you went your own way with the menu hover. I managed to re-create the menu hover underline using pseudo elements (
::before
) and/or (::After
) but it took a little bit of experimentation.I initially looked at your CSS and thought if you had used the classes to address the descendant elements directly to reduce specificity but then realised that you were using SASS and were most likely nesting the your CSS selectors.
Again, great work!.
- @Kirandev242144@techyjc
Hi Kiran, Great job! Fair bit of CSS for that one.
- @AhmedMohamedRefaay@techyjc
Glad you got it fixed. You did a nice job. Is there any particular reason you styled some of the elements locally using the style attribute over using selectors in the style sheet?
You could add
line-height: 1.5;
for the text to space the lines more. You could also use font-family and font-size to help match the design. You can get the recommended font from google fonts and copy and paste the link and the css entries from the site.Using the
<br>
element is ok for this but I would recommend avoiding the <br> tag when designing responsive layouts. It's better for the text to flow and break in relation to the container size.Hope this helps.