Overview Solutions

Darren Bawag

@darrenbawagPhilippines115 points

I'm a UI designer and web developer enthusiast focusing on Web, UI/UX and Interactive Design. Pixel perfect web design is my hobby. Happy coding! 😊

I’m currently learning...

ReactJS, Styled Components, GSAP and Next.js

Latest solutions

Interactive Card Details Form using CRA, Styled Components and GSAP
#gsap#react#styled-components#animation
Darren Bawag•115
Submitted over 2 years ago
0 comments
QR Code Component using CRA and Styled Components
#accessibility#react#styled-components#animation
Darren Bawag•115
Submitted over 2 years ago
1 comment
Responsive landing page using Tailwind CSS and Vanilla Javascript
#tailwind-css#accessibility
Darren Bawag•115
Submitted over 3 years ago
1 comment
Tip Calculator App Using React JS and Sass
#react#sass/scss
Darren Bawag•115
Submitted almost 4 years ago
2 comments
Social media dashboard using Gulp and Sass
#gulp#sass/scss#accessibility
Darren Bawag•115
Submitted almost 4 years ago
1 comment

Latest comments

satish-maurya•20
@satish-Maurya-4
Submitted almost 4 years ago
Responsive web app using css grid and flex box
2
Darren Bawag•115
@darrenbawag
Posted almost 4 years ago
Tested the site. Nicely done. You nailed the styling :) good naming convention for classes/ids 🔥🔥

Just don't forget the report for Accessibility issues and HTML issues.
- provide alt tag for images <img class="arrow__icon" src="images/icon-arrow-down.svg" alt="arrow down" /> for screenreaders/accessability reason
- I suggest to remove all # to all links with href and have it urls just like this
```
<a href="https://facebook.com/"><i class="fa fa-facebook-square"></i></a>
<a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
<a href="https://twitter.com/"><i class="fa fa-twitter"></i></a>
<a href="https://www.pinterest.com/"><i class="fa fa-pinterest"></i></a>
```
That's it. Happy Coding! 😊
Marked as helpful