Solar System - Front End Challenge Submission
Published on 2024-11-04
Browse:778
This is a submission for Frontend Challenge v24.09.04, Glam Up My Markup: Space
What I Built
For this challenge I was trying to create an educational style landing page that features all the provided information from the markup without altering any of the original HTML. I decided to veer away from the typical/traditional styles of space and go for a more playful/colorful style that's artistic and engaging to the eyes.
Demo
Demo: https://uribejr.github.io/solar-system-frontend-challenge/
Repo: https://github.com/UribeJr/solar-system-frontend-challenge
Journey
My initial process began by just simply researching other space websites/landing pages. I realized everything I came across was dark, space themed with star backgrounds etc. This being a challenge, I wanted to make something different not just for space but for myself. The poppy colors and design was something new to me that I've always wanted to take a stab at. Learning is fun and I wanted to portray that in the artistic theme of this project.
Release Statement
This article is reproduced at: https://dev.to/uribejr/solar-system-front-end-challenge-submission-2307?1 If there is any infringement, please contact [email protected] to delete it
Latest tutorial
More>
-
Beyond `if` Statements: Where Else Can a Type with an Explicit `bool` Conversion Be Used Without Casting?Contextual Conversion to bool Allowed Without a CastYour class defines an explicit conversion to bool, enabling you to use its instance 't' di...Programming Published on 2024-11-09 -
How to Fix \"ImproperlyConfigured: Error loading MySQLdb module\" in Django on macOS?MySQL Improperly Configured: The Problem with Relative PathsWhen running python manage.py runserver in Django, you may encounter the following error:I...Programming Published on 2024-11-09
-
What Happened to Column Offsetting in Bootstrap 4 Beta?Bootstrap 4 Beta: The Removal and Restoration of Column OffsettingBootstrap 4, in its Beta 1 release, introduced significant changes to the way column...Programming Published on 2024-11-09
-
How to Return Files from an ASP.NET Core Web API Controller?Dealing with File Downloads in ASP.NET Core Web APIWhen attempting to return a file from an ASP.NET Web API Controller, you may encounter issues with ...Programming Published on 2024-11-09
-
How to Prevent Pandas from Adding an Index Column when Saving a CSV?Avoiding Index Column in Saved CSV with PandasWhen saving a csv file after making modifications using Pandas, the default behavior is to include an in...Programming Published on 2024-11-09
-
How to Restrict Mobile Site to Landscape Orientation and Disable Auto-Rotation?Enhancing Mobile Site Experience: Enforcing Landscape Orientation and Disabling Auto-rotationWhen designing for mobile responsiveness, certain orienta...Programming Published on 2024-11-09
-
Python Project Creation on Mac OS XIntroduction PyFabricate is a Mac OS X application that simplifies the creation of Python projects. Since I authored it, obviously it is an ...Programming Published on 2024-11-09
-
How to Fix the "Trying to Get Property of Non-Object" Error in PHP?Resolving "Trying to Get Property of Non-Object" Error in PHPWhen working with PHP, you may encounter the error "Trying to get property...Programming Published on 2024-11-09
-
## How can you modify Python source code while preserving formatting and comments?Modifying Python Source Code Using ASTParsing, modifying, and writing back Python source code is a valuable task for tasks such as mutation testing. W...Programming Published on 2024-11-09
-
How to Populate One Dropdown Based on Selection in Another Using JavaScript?Populate one dropdown based on selection in another using JavaScriptWhen faced with the task of dynamically updating the options in one dropdown based...Programming Published on 2024-11-09
-
How to Create a Pandas DataFrame from a Dictionary with Varying Array Lengths?Creating DataFrames from Dictionaries with Uneven Entry LengthsIn Python, it is possible to create a DataFrame from a dictionary where each entry hold...Programming Published on 2024-11-09
-
Using WebSockets in Go for Real-Time CommunicationBuilding apps that require real-time updates—like chat applications, live notifications, or collaborative tools—requires a communication method faster...Programming Published on 2024-11-09
-
Why do I get identical random numbers when using the same seed in Java?Java Random Numbers with Fixed Seed: Why Identical Outputs?In your code, you've defined a method to generate random numbers using a specified seed...Programming Published on 2024-11-09
-
How Does jQuery Chaining Streamline Development and Enhance Code Efficiency?Understanding Object and Method Chaining in jQueryIn jQuery, chaining allows for the concatenation of multiple jQuery methods in a single statement. T...Programming Published on 2024-11-09
-
Hono.js Benchmark: Node.js vs. Deno vs. Bun — Which Is the Fastest?Deno 2.0 just came out and claimed to be faster than Bun and Node.js and the same way Bun claims to be quicker. This caught my interest, so I decided ...Programming Published on 2024-11-09
Study Chinese
- 1 How do you say "walk" in Chinese? 走路 Chinese pronunciation, 走路 Chinese learning
- 2 How do you say "take a plane" in Chinese? 坐飞机 Chinese pronunciation, 坐飞机 Chinese learning
- 3 How do you say "take a train" in Chinese? 坐火车 Chinese pronunciation, 坐火车 Chinese learning
- 4 How do you say "take a bus" in Chinese? 坐车 Chinese pronunciation, 坐车 Chinese learning
- 5 How to say drive in Chinese? 开车 Chinese pronunciation, 开车 Chinese learning
- 6 How do you say swimming in Chinese? 游泳 Chinese pronunciation, 游泳 Chinese learning
- 7 How do you say ride a bicycle in Chinese? 骑自行车 Chinese pronunciation, 骑自行车 Chinese learning
- 8 How do you say hello in Chinese? 你好Chinese pronunciation, 你好Chinese learning
- 9 How do you say thank you in Chinese? 谢谢Chinese pronunciation, 谢谢Chinese learning
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
