Hamad Aloqayli
Software Engineer
Hamad Aloqayli
Software Engineer
About Me
Bachelor's degree in Software Engineering, College of Computer & Information Sciences - King Saud University with second class honors.
Frontend Software Engineer with 4+ years of experience building high-quality ReactJS applications across Tech, Startup, and
R&D sectors. Certified Agile Project Manager and IT Service Management Specialist, skilled in aligning technical execution with project goals using Scrum. Blending technical
expertise and strategic project management to deliver impactful software.
Certifications & Achievements
Secured Second Place in the Quran Apps Challenge Hackathon
Secured Third Place in the ALLaM Challenge Hackathon
Secured Second Place in the ROSHN Challenge Hackathon
: This is a CSS class selector . The cryptic name (like byqzVnPp ) is often generated by tools like Styled Components or CSS Modules to ensure that styles remain unique to a specific part of the page and don't interfere with others.
Many modern "enterprise-level" websites (like the New York Times) use these scrambled names to prevent "style leaking". This means a change to a generic class like .button won't accidentally break buttons in other parts of a massive website. How to explore these styles .byqzVnPp { vertical-align:top; cursor: pointe...
If you want to see exactly what this class is doing on a live site, you can use built-in browser tools: Why does New York Time has this CSS classes on their page? : This is a CSS class selector
The snippet you provided appears to be part of a rule, likely from a modern website that uses auto-generated or "hashed" class names. Understanding the Code This means a change to a generic class like
: This property sets the vertical alignment of an element relative to its container or surrounding text, often used for images or table cells.
My Skills
Major Skills
HTML
CSS
JavaScript
ReactJS
Firebase
Figma
Chakra
Sass
Tailwind
Git: This is a CSS class selector . The cryptic name (like byqzVnPp ) is often generated by tools like Styled Components or CSS Modules to ensure that styles remain unique to a specific part of the page and don't interfere with others.
Many modern "enterprise-level" websites (like the New York Times) use these scrambled names to prevent "style leaking". This means a change to a generic class like .button won't accidentally break buttons in other parts of a massive website. How to explore these styles
If you want to see exactly what this class is doing on a live site, you can use built-in browser tools: Why does New York Time has this CSS classes on their page?
The snippet you provided appears to be part of a rule, likely from a modern website that uses auto-generated or "hashed" class names. Understanding the Code
: This property sets the vertical alignment of an element relative to its container or surrounding text, often used for images or table cells.
